返回值:jQuerystop([clearQueue],[jumpToEnd])
概述
停止所有在指定元素上正在運(yùn)行的動(dòng)畫(huà)。
如果隊(duì)列中有等待執(zhí)行的動(dòng)畫(huà)(并且clearQueue沒(méi)有設(shè)為true)，他們將被馬上執(zhí)行
參數(shù)
[clearQueue],[gotoEnd] Boolean,BooleanV1.2
clearQueue:如果設(shè)置成true，則清空隊(duì)列?？梢粤⒓唇Y(jié)束動(dòng)畫(huà)。
gotoEnd:讓當(dāng)前正在執(zhí)行的動(dòng)畫(huà)立即完成，并且重設(shè)show和hide的原始樣式，調(diào)用回調(diào)函數(shù)等。
[queue],[clearQueue],[jumpToEnd]BooleanV1.7
queue:用來(lái)停止動(dòng)畫(huà)的隊(duì)列名稱(chēng)
clearQueue:如果設(shè)置成true，則清空隊(duì)列?？梢粤⒓唇Y(jié)束動(dòng)畫(huà)。
jumpToEnd:如果設(shè)置成true，則完成隊(duì)列。可以立即完成動(dòng)畫(huà)。
示例
描述:
停止當(dāng)前正在運(yùn)行的動(dòng)畫(huà)：
HTML 代碼:
$("#stop").click(function(){
$("#box").stop();
});描述:
點(diǎn)擊Go之后開(kāi)始動(dòng)畫(huà),點(diǎn)Stop之后會(huì)在當(dāng)前位置停下來(lái)
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 代碼:
// 開(kāi)始動(dòng)畫(huà)
$("#go").click(function(){
$(".block").animate({left: '+200px'}, 5000);
});
// 當(dāng)點(diǎn)擊按鈕后停止動(dòng)畫(huà)
$("#stop").click(function(){
$(".block").stop();
});