BUG,animate时间设置为300时，鼠标快速在button1和button2之间移动，button2上会先出现button1的移出动画，再出现button2自己的hover动画

求教？

pomoho

2014-12-07

源自：按钮特效 1-11

关注问题我要回答

2850

操作

收起

5 回答

hamsecret
2015-07-30

我就把它退出的那个动画的时间加快了一些这样其他按钮触发的时候之前的tip早就退出了

0 回复有任何疑惑可以回复我~

收起回答

JoV
2015-01-04

在执行动画前先用stop()停止元素的动画
停止元素的动画方法：stop()
语法结构：stop([clearQueue],[gotoEnd])
clearQueue 和 gotoEnd 都为可选参数，为布尔值。
clearQueue ：是否要清空未执行玩的动画列表
gotoEnd ：是否直接将正在执行的动画跳转到末状态

在这里就是$(".tip").stop(true, true);

1 回复有任何疑惑可以回复我~

收起回答

purple_yao
2014-12-10

if (!$('.tip').is(':animated')){

$('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);

}

0 回复有任何疑惑可以回复我~

收起回答

柯基弟弟

添加了您提供的代码后，的确可以防止动画多次执行。但是此时指针若快速地在按钮之间移动的话，却出现了动画不能执行的问题了。求教，谢谢

2014-12-12 回复有任何疑惑可以回复我~

JoV 回复柯基弟弟

在执行动画前先用stop()停止元素的动画停止元素的动画方法：stop() 语法结构：stop([clearQueue],[gotoEnd]) clearQueue 和 gotoEnd 都为可选参数，为布尔值。 clearQueue ：是否要清空未执行玩的动画列表 gotoEnd ：是否直接将正在执行的动画跳转到末状态在这里就是$(".tip").stop(true, true);

2015-01-04 回复有任何疑惑可以回复我~