关于jQuery中.stop（）的问题！

Question

我知道.stop（）函数用来停止动画..但我应该在哪里把它时，我有这样的代码：

$('#home').mouseover(function(){ 
    $('.subhome_icon').animate({ 
     "width":"5px", 
     "opacity":"1.0" 
    },1); 
    $('.subhome_icon').animate({ 
     "height":"15px" 
    },1000); 
    $('.subhome_icon').animate({ 
     "width":"60px" 
    },1000); 
}).mouseout(function(){ 
    $('.subhome_icon').animate({ 
     "opacity" :"0.0" 
    },1000); 
}); 

而且我想，当我离开的图标与停止动画鼠标指针！ 我已经浏览了很多jQuery视频，但是这些例子都是用一个动画制作的..我有3个！

谢谢你！ ：）

Answer 1

这应该这样做....

$('#home').mouseover(function(){ 
    $('.subhome_icon').animate({ "width":"5px", "opacity":"1.0" },1); 
    $('.subhome_icon').animate({ "height":"15px" },1000); 
    $('.subhome_icon').animate({ "width":"60px" },1000); }) 
.mouseout(function(){ 
    $('.subhome_icon').stop().animate({ "opacity" :"0.0" },1000); 
}); 

Answer 2

您需要使用

.mouseout(function(){ 
    $('.subhome_icon').stop(true).animate({ 
          "opacity" :"0.0" }, 
         1000); 
}); 

（通知true参数传递给.stop()方法）

这清除排队的动画，以便在当前状态下真正停止。