您的位置：首页 > Web前端 > JQuery

jQuery动画连续触发、滞后反复执行解决办法

2017-04-03 00:27 211 查看
在做一个鼠标进出图片,遮罩层上下移动时,遇见的问题(如图所示:):

只要用鼠标不断进出图片,因动画未执行完成就触发下一个事件,使动画效果滞后和反复执行,效果非常不佳.




解决办法如下:

利用jQuery的stop()方法.如下图:

$(".masked").mouseover(function(){
$(".mask").stop().animate({
"top":"0px"
},500)
})
.mouseout(function(){
$(".mask").stop().animate({
"top":"80%"
},1000);
});


stop()介绍:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航