jquery之stop方法的使用

最新推荐文章于 2020-09-08 19:39:36 发布

颖_恋

最新推荐文章于 2020-09-08 19:39:36 发布

阅读量661

点赞数

分类专栏： jquery 文章标签： stop方法

本文链接：https://blog.csdn.net/line233/article/details/84286902

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

stop方法：

用于停止当前正在执行的动画，该方法有两个参数：第一个参数是clearQueue的布尔值，第二个参数是jumpToEnd的布尔值。

clearQueue：是否清除动画队列，true为清除，false则不清除；

jumpToEnd：是否跳转到当前动画的最终效果，true为跳转，false则停留在当前状态

栗子：

<body>
<input type="button" value="开始">
<input type="button" value="结束">
<div></div>
<script src="script/jquery-1.12.4.js"></script>
<script>
  $(function () {
    $("input").eq(0).click(function () {
      $("div").slideDown(4000).slideUp(4000);
    });
    $("input").eq(1).click(function () {
      $("div").stop(true, true);
    })
  });
</script>
</body>

好奇的童靴可以在自己的开发环境中试一下