返回值:jQuerystop([clearQueue], [gotoEnd])
概述
停止所有在指定元素上正在運行的動畫。
如果隊列中有等待執(zhí)行的動畫(并且clearQueue沒有設(shè)為true),他們將被馬上執(zhí)行
參數(shù)
clearQueue (可選)Boolean
如果設(shè)置成true,則清空隊列。可以立即結(jié)束動畫。
gotoEnd (可選)Boolean
讓當前正在執(zhí)行的動畫立即完成,并且重設(shè)show和hide的原始樣式,調(diào)用回調(diào)函數(shù)等。
示例
描述:
點擊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();
});