一个小细节。
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 })
将离开的动画设置为不需要完成。
时间: 2024-08-24 22:16:42