首页 > 代码库 > jQuery stop()

jQuery stop()

2024-10-16 09:12:39   204人阅读

一个小细节。

 1 $(function(){
 2     $("#sideBar>li").mouseover(function(){
 3         $(this).find("div").css(‘margin-left‘,‘80px‘);
 4         $(this).children("ul").stop(true,true).slideDown(400);
 5     });
 6     $("#sideBar>li").mouseleave(function(){
 7         $(this).find("div").css(‘margin-left‘,‘0px‘);
 8         $(this).children("ul").stop(true,true).slideUp(400);
 9     });
10 })

因为鼠标进入和离开都是结束并立即完成动画，所以有些操作会发生下面抽搐的情况。。

技术分享

解决：

 1 $(function(){
 2     $("#sideBar>li").mouseover(function(){
 3         $(this).find("div").css(‘margin-left‘,‘80px‘);
 4         $(this).children("ul").stop(true,true).slideDown(400);
 5     });
 6     $("#sideBar>li").mouseleave(function(){
 7         $(this).find("div").css(‘margin-left‘,‘0px‘);
 8         $(this).children("ul").stop(true).slideUp(400);
 9     });
10 })

将离开的动画设置为不需要完成。

技术分享

 

jQuery stop()


联系
我们