Jquery停止淡入效果

http://jsfiddle.net/sJFLq/1/

当你向上或向下盘旋时，我想要的是一种鼠标效果。 但是如果你将鼠标hover太快几次然后停止，效果会不断重复。

我怎么解决这个问题？ 我想我需要一些像animate选项那样的排队的东西，但是对于fadeTo函数。 有任何想法吗？

Answer 1

您可以使用.stop方法停止以前的动画。 如果您传入true作为参数，它也将清除排队的动画。

如果我已经理解了你正在寻找什么，那么你想要的就是这个（你说你想要一个“鼠标踪迹”，我认为这意味着你不希望以前的动画尽快停止鼠标离开该元素，因此只有一个调用.stop ）：

 $(".test").mouseover(function(e){ $(this).stop(true).fadeTo(200,1); }).mouseout(function(e){ $(this).fadeTo(200,0.3); }); 

你可以看到在这里跑步。

Answer 2

正如你在标题中描述的那样:)

 $(".test").mouseover(function(e){ $(this).stop().fadeTo(200,1); }).mouseout(function(e){ $(this).stop().fadeTo(200,0.3); }); 

Answer 3

添加.stop()以终止您之前的动画： http ： //jsfiddle.net/sJFLq/5/

 $(".test").mouseover(function(e){ $(this).stop(true, true).fadeTo(200,1); }).mouseout(function(e){ $(this).stop(true, true).fadeTo(200,0.3); });