2012-09-21 79 views
0

我有一個艱難的CSS3動畫問題,我甚至不知道如何處理是否有可能使用jQuery收聽多個CSS3 AnimationEnd事件?

有< #box>應用了css3動畫。當這個動畫結束時,一個新的webkitAnimationEnd事件添加一個新的類到觸發第二個動畫的新類,當第二個動畫結束時,另一個webkitAnimationEnd事件添加另一個類到觸發第三個動畫的另一個類,等等等等......

這是我到目前爲止。我無法弄清楚如何將多個事件監聽器應用於不同的動畫 - http://jsfiddle.net/lesballard/uFbUj/15/

這甚至可能嗎? (這裏對不起總小白)

THX提前 -Les

回答

0

也不可能認購,將只能由特定的CSS類定義動畫觸發聽衆,也不是neccessary。

您只需要一個事件偵聽器,即在觸發時刪除當前類並添加另一個。

這可以通過一個簡單的排隊機制完成,您只需要一個類名稱數組,並且在動畫結束事件觸發時增加/減少一個索引。

http://jsfiddle.net/uFbUj/26/

+0

THX這麼多的學校學習的n00b如我! –

相關問題