🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 返回值: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(); }); ~~~