stop([cle],[jum])
最后更新于:2022-04-01 05:57:21
### 返回值:jQuerystop([clearQueue],[jumpToEnd])
### 概述
停止所有在指定元素上正在运行的动画。
如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行
### 参数
#### **[clearQueue],[gotoEnd]****Boolean,Boolean*V1.2*
**clearQueue**:如果设置成true,则清空队列。可以立即结束动画。
**gotoEnd**:让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等。
#### **[queue],[clearQueue],[jumpToEnd]**Boolean*V1.7*
**queue**:用来停止动画的队列名称
**clearQueue**:如果设置成true,则清空队列。可以立即结束动画。
**jumpToEnd**:如果设置成true,则完成队列。可以立即完成动画。
### 示例
#### 描述:
停止当前正在运行的动画:
##### HTML 代码:
~~~
$("#stop").click(function(){
$("#box").stop();
});
~~~
#### 描述:
点击Go之后开始动画,点Stop之后会在当前位置停下来
##### HTML 代码:
~~~
<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 代码:
~~~
// 开始动画
$("#go").click(function(){
$(".block").animate({left: '+200px'}, 5000);
});
// 当点击按钮后停止动画
$("#stop").click(function(){
$(".block").stop();
});
~~~