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); 
});

（注意传递给.stop()方法的true参数）

这会清除排队的动画，因此它会在当前状态下真正停止。

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

2 个答案: