返回值:jQuerystop([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 代码:
$("#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();

});