jquery 停止animate动画,并且回复最初状态

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 停止animate动画,并且回复最初状态相关的知识,希望对你有一定的参考价值。

    // 热门推荐悬浮效果
    $("#recom_con li img").mouseenter(function(){
        $(this).stop(true, true);
        $w = parseInt($(this).width())+10;
        $(this).animate({width:$w},300);
    });
    $("#recom_con li img").mouseleave(function(){
        $(this).stop(true, true);
        $w = parseInt($(this).width())-10;
        $(this).animate({width:$w},300);
    });

 

http://www.w3school.com.cn/jquery/effect_stop.asp

以上是关于jquery 停止animate动画,并且回复最初状态的主要内容,如果未能解决你的问题,请参考以下文章

Jquery animate() 和谷歌浏览器问题

16. jQuery 的综合动画 和 jQuery 的停止动画

Web开发——JavaScript库(jQuery效果——动画/停止动画)

jquery如何animate防止叠加 例如我把鼠标不断移入移出 效果就会不断重复,如何防止呢?

IE 上的 Jquery Animate 出错

JQuery Animate - 如何在悬停后立即停止悬停功能(不要完成悬停功能)