关键代码:使用stop()
stop的在JQ中的使用场景:
- stop();//停止当前动画,继续下一个动画
- stop(true);//清除元素的所有动画
- stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画
- stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
代码使用:
$('.nav_ul li').eq(2).mouseenter(function() {
$('.second_level').stop(false, true).fadeIn()
}).mouseleave(function() {
$('.second_level').stop(false, true).fadeOut()
})