清空jq动画

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

原创最新推荐文章于 2022-05-20 12:18:57 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #animation动画详解

web前端专栏收录该内容

18 篇文章

订阅专栏

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

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