返回值:jQuery stop([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();
});