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();
});
stop([clearQueue], [gotoEnd])
概述
停止所有在指定元素上正在運行的動畫。
如果隊列中有等待執行的動畫(並且clearQueue沒有設為true),他們將被馬上執行