Question

I have:

$( .p_m ).mouseenter(function () {

    $(this).animate({
        marginTop:  10px ,
        marginLeft:  10px ,
        height:  150px ,
        width:  150px 
    }, 10000);

}).mouseleave(function () {

    $(this).animate({
        marginTop:  35px ,
        marginLeft:  35px ,
        height:  100px ,
        width:  100px 
    }, 10000);
});

当我离开<代码>>m时,即使我离开了四级,夜总会的消音也会持续。

How can I skip the animation (mouseenter) or better make it fast so it fits to 10000ms.

Answer 1

http://api.jquery.com/stop/rel=“nofollow”>.stop(,以阻止目前的估算。

$( .p_m ).mouseenter(function () {

    $(this).stop().animate({
        marginTop:  10px ,
        marginLeft:  10px ,
        height:  150px ,
        width:  150px 
    }, 10000);

}).mouseleave(function () {

    $(this).stop().animate({
        marginTop:  35px ,
        marginLeft:  35px ,
        height:  100px ,
        width:  100px 
    }, 10000);
});

If you want the animation to skip to the end before starting the new one, pass true as the second argument. .stop(true,true)

友情链接