jquery中stop停止動畫筆記

jquery stop() 方法用於停止動畫或效果，在它們完成之前。

stop() 方法適用於所有 jquery 效果函式，包括滑動、淡入淡出和自定義動畫。

語法:

$(selector).stop(stopall,gotoend);

可選的 stopall 引數規定是否應該清除動畫佇列。預設是 false，即僅停止活動的動畫，允許任何排入佇列的動畫向後執行。

可選的 gotoend 引數規定是否立即完成當前動畫。預設是 false。

因此，預設地，stop() 會清除在被選元素上指定的當前動畫。

其中stop():表示的是停止當前正在進行的動畫，但會執行之後還沒進行的動畫

stop(true):表示的是停止所有的動畫，包括正在進行的和還沒有進行的

stop(true,true):表示的是停止所有的動畫，但會將當前正在進行的動畫立刻完成

例子如下：

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
script 
src=""
>
script
>
<
script
>
$(document).ready(
function
(),5000
); $(
"div
").animate(,
5000
); });
$("#stop
").click(
function
());
$("#stop2
").click(
function
());
$("#stop3
").click(
function
());
});script
>
head
>
<
body
>
<
button 
id="start"
>開始
button
>
<
button 
id="stop"
>停止
button
>
<
button 
id="stop2"
>停止所有
button
>
<
button 
id="stop3"
>停止動畫，但完成動作
button
>
<
p>點選 "開始" 按鈕開始動畫。
p>
<
p>點選 "停止" 按鈕停止當前啟用的動畫，但之後我們能再動畫佇列中再次啟用。
p>
<
p>點選 "停止所有" 按鈕停止當前動畫，並清除動畫佇列，所以元素的所有動畫都會停止。
p>
<
p>點選 "停止動畫，但完成動作" 快速完成動作，並停止它。
p>
<
div 
style
="background:#98bf21;height:100px;width:200px;position:absolute;"
>hello
div>
body
>
html
>

jQuery 停止動畫

jquery stop 方法用於在動畫或效果完成前對它們進行停止。jquery stop 滑動 演示 jquery stop 方法。jquery stop 動畫 帶有引數 演示 jquery stop 方法。jquery stop 方法用於停止動畫或效果，在它們完成之前。stop 方法適用於所有 j...

jQuery 停止動畫

停止動畫 jquery stop 方法用於在動畫或效果完成前對它們進行停止。jquery stop 方法用於停止動畫或效果，在它們完成之前。stop 方法適用於所有 jquery 效果函式，包括滑動 淡入淡出和自定義動畫。語法 selector stop stopall,gotoend 可選的 st...

jQuery 停止動畫

jquery stop 方法用於在動畫或效果完成前對它們進行停止。jquery stop 滑動 演示 jquery stop 方法。jquery stop 動畫 帶有引數 演示 jquery stop 方法。jquery stop 方法用於停止動畫或效果，在它們完成之前。stop 方法適用於所有 j...