jQuery排队动画

Question

我有三个图像，并使用下面的代码，然后淡入鼠标滚动。 （他们都在自己的一个div与类“拇指”）

$(".thumbs img").fadeTo("slow", 0.3); 

$(".thumbs img").hover(function(){ 
    $(this).fadeTo("normal", 1.0); 
},function(){ 
    $(this).fadeTo("slow", 0.3); 
}); 

的问题是，当你将鼠标滚动他们几次和他们坐在那里闪烁时的年龄，因为每次您将鼠标移动到一个上面，它将效果添加到某种队列中。它发生时看起来非常混乱，有什么办法可以防止这种情况发生？

Answer 1

防止这种情况的最好方法是在开始动画之前添加一个Stop（）。因此，你的代码应该是这样的：

$(".thumbs img").stop().fadeTo("slow", 0.3); 

$(".thumbs img").hover(function(){ 
    $(this).stop().fadeTo("normal", 1.0); 
},function(){ 
    $(this).stop().fadeTo("slow", 0.3); 
});