jQuery 停止动画

待我称王封你为后i 2022-01-09 07:25 262阅读 0赞

jQuery stop() 方法用于在动画或效果完成前对它们进行停止

## jQuery stop() 方法 ##

jQuery stop() 方法用于停止动画或效果，在它们完成之前。

stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

**语法:**

$(selector).stop(stopAll,goToEnd);

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

因此，默认地，stop() 会清除在被选元素上指定的当前动画。

下面的例子演示 stop() 方法，不带参数：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>谭磊</title>
        <script src="jquery-3.3.1.min.js">
        </script>
        <script>
            $(document).ready(function(){
                $("#flip").click(function(){
                    $("#panel").slideDown(5000);
                });
                $("#stop").click(function(){
                    $("#panel").stop();
                });
            });
        </script>
        <style type="text/css">
            #panpel,#flip
            {
              padding: 5px;
                text-align:center;
                background-color: #e5eecc;
                border: solid 1px #c3c3c3;
            }
            #panel
            {
                padding: 50px;
                display: none;
            }
        </style>
    </head>
    <body>
    <button id="stop">停止滑动</button>
    <div id="flip">点我向下滑动面板</div>
    <div id="panel">HELLO WORLD!</div>
    </body>
    </html>

转载于:https://www.cnblogs.com/tanlei-sxs/p/9836933.html

发表评论取消回复

表情：

评论列表（有 0 条评论，262人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq动画和停止动画

使用jq 实现动画循环效果 <!DOCTYPE html> <html lang="en"> <head> <meta

向右看齐/ 2023年06月05日 08:10/ 0 赞/ 4 阅读

相关 jQuery-动画

淡入fadeIn()利用透明度实现,可传参时间,可传字符串"slow",“fast”,“nomal”,callback 淡出fageOut() 隐藏hide()可传参数

悠悠/ 2022年12月02日 15:08/ 0 赞/ 135 阅读

相关 jQuery 之动画与动画停止效果（四）

jQuery 效果- 动画 jQuery animate() 方法允许您创建自定义的动画。 $(selector).animate(\{params\},speed,c

短命女/ 2022年07月20日 15:24/ 0 赞/ 199 阅读

相关 jquery的动画显示隐藏效果停止

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

雨点打透心脏的1/2处/ 2022年07月14日 00:40/ 0 赞/ 312 阅读

相关 jQuery_动画

一.基本动画 show() hide() 第一个参数：动画时长，可以是数字或者字符串，数字用毫秒表示，字符串只能为：“slow”，‘“normal”’，“fast”

た入场券/ 2022年05月22日 12:36/ 0 赞/ 205 阅读

相关 jquery-动画

1.隐藏元素的hide方法 \-修改css的display属性提供参数： .hide( options ) 当提供hide方法一个参数时，.hide()就会成

迈不过友情╰/ 2022年05月10日 04:14/ 0 赞/ 232 阅读

相关 [Android动画] 帧动画－停止动画（ stop）三

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 【功能说明】该方法用于停止动画执行，其是帧动画效果停止的

╰+哭是因爲堅強的太久メ/ 2022年01月14日 08:53/ 0 赞/ 449 阅读

相关 jQuery 停止动画

jQuery stop() 方法用于在动画或效果完成前对它们进行停止 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之

待我称王封你为后i/ 2022年01月09日 07:25/ 0 赞/ 263 阅读

相关 jQuery 停止动画

jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、

Bertha 。/ 2021年09月15日 07:40/ 0 赞/ 420 阅读

相关 jQuery动画animate停止方法stop使用介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

青旅半醒/ 2021年07月27日 02:57/ 0 赞/ 744 阅读