1. 程式人生 > >jquery hover事件只觸發一次動畫

jquery hover事件只觸發一次動畫

1、你可以使用jq的stop方法:

$(div).stop(false, true).animate({'margin-top':'100px'},1000);

如果stop()的第一個引數為true,表示立即清除當前的動畫佇列,預設為fx;如果第二個引數為true,表示立即將當前正在執行的動畫置為它的結束狀態。

延伸:(看來我真的得好好看看jq的api了)

停止元素的動畫:stop([cleanQueue, gotoEnd]):第一個引數代表是否要清空未執行完的動畫佇列,第二個引數代表是否直接將正在執行的動畫跳轉到末狀態。(可預設)。

(1)無引數stop():立即停止當前的動畫,如果接下來還有動畫則以當前狀態開始接下來的動畫。


(2)stop(false, true) : 當前的動畫直接達到末狀態。

(3)stop(true, true) : 當前的動畫直接達到末狀態並清空當前物件的動畫佇列。

注意:jQuery只能設定正在執行的動畫的最終狀態,不能直接達到未執行動畫的最終狀態。