jquery中stop的使用

最新推荐文章于 2022-02-18 17:01:07 发布

番茄盖蛋

最新推荐文章于 2022-02-18 17:01:07 发布

阅读量574

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/tanghao0550/article/details/53288590

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、stop()，参数为空

程序暂停当前的步骤（如果当前步骤没有全完执行完，也暂停），继续后面的步骤，直到结束

二、stop(XX)，有参数

1、XX为false

通stop()相同，由此可见，stop()默认是false

2、XX为true

程序暂停当前的步骤（如果当前步骤没有全完执行完，也暂停），不继续后面的步骤

三、stop(XX，YY)，两个参数

参数：（默认情况下，不写参数，则会被认为两个参数都是false。）

XX：可选。规定是否停止被选元素的所有加入队列的动画。意思就是如果该参数值为true，则会停止所有后续动画或事件。如果该参数值为false，则只停止被选元素当前执行的动画，后续动画不受影响。因此，该参数一般都为false。

YY：可选。规定是否允许完成当前动画，该参数只能在设置了XX参数时使用。上面我们说了，YY参数我们一般都会写fasle值，不是默认，而是真实的写上该参数。那么YY参数就有两个选择了，一个是false，一个是true。其中意思，大家应该都明白了。一般都为true。意思就是允许完成当前动画。

<html>
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#start").click(function(){
    $("#box").animate({height:1000},"slow");
    $("#box").animate({width:1000},"slow");
    $("#box").animate({height:100},"slow");
    $("#box").animate({width:100},"slow");
  });
  $("#stop").click(function(){
    $("#box").stop(false,false);
  });
});
</script>
</head>

<body>

<p><button id="start">Start Animation</button><button id="stop">Stop Animation</button></p>

<div id="box" style="background:#98bf21;height:100px;width:100px;position:relative">
</div>
 
</body>
</html>

番茄盖蛋

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery中stop的使用

一、stop()，参数为空程序暂停当前的步骤（如果当前步骤没有全完执行完，也暂停），继续后面的步骤，直到结束二、stop(XX)，有参数 1、XX为false 通stop()相同，由此可见，stop()默认是false 2、XX为true 程序暂停当前的步骤（如果当前步骤没有全完执行完，也暂停），不继续后面的步骤
复制链接

扫一扫

专栏目录