jquery.api.3.2.1中文手册
目录搜索
提交中...

©
本文档使用 php.cn手册 发布

文字
分享

返回值:jQuery

stop([clearQueue],[jumpToEnd])

概述

停止所有在指定元素上正在运行的动画。

如果队列中有等待执行的动画(并且clearQueue没有设为true)，他们将被马上执行

参数

[clearQueue],[gotoEnd] Boolean,BooleanV1.2

clearQueue:如果设置成true，则清空队列。可以立即结束动画。

gotoEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。

[queue],[clearQueue],[jumpToEnd]BooleanV1.7

queue:用来停止动画的队列名称

clearQueue:如果设置成true，则清空队列。可以立即结束动画。

jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。

示例

描述:

停止当前正在运行的动画：

HTML 代码:

1

2

3

$("#stop").click(function(){

  $("#box").stop();

});

描述:

点击Go之后开始动画,点Stop之后会在当前位置停下来

HTML 代码:

1

2

3

<button id="go">Go</button> <button id="stop">STOP!</button>

<div class="block"></div><button id="go">Go</button> <button id="stop">STOP!</button>

<div class="block"></div>

jQuery 代码:

1

2

3

4

5

6

7

8

9

// 开始动画

$("#go").click(function(){

  $(".block").animate({left: '+200px'}, 5000);

});

 

// 当点击按钮后停止动画

$("#stop").click(function(){

  $(".block").stop();

});


上一篇：animate(p,[s],[e],[fn])下一篇：delay(d,[q])