清空jq动画

最新推荐文章于 2022-05-20 12:18:57 发布

AaronHale

最新推荐文章于 2022-05-20 12:18:57 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： jquery animation动画详解

本文链接：https://blog.youkuaiyun.com/turbman/article/details/78868647

web前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了jQuery中清空动画的两种情况，包括不同类型的动画清除方法，帮助理解如何在jQuery中停止或清除正在进行的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jq清空动画分两种情况
1 类似这种

 $(document).ready(function(){
            $("#start").click(function(){
                $("div").animate({
                    height:300,
                    width:300,
                    opacity:.4,
                    marginLeft:20
                },1500);
            });
            $("#stop").click(function(){
            //重点来了
            $("div").stop();
            });
        });

2 还有这种

 $(document).ready(function(){
            $("#start").click(function(){  //队列动画
                $("div").animate({height:300},1500)
                    .animate({width:300},1500)
                    .animate({height:100},1500)
                    .animate({opacity:100},1500);
            });
            $("#stop").click(function(){
                //重点来了
                    $("div").stop(true,false);
            });
        });