首頁  >  效果  > stop([c],[j])

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