2011-09-14 35 views
2

想象我有以下的動畫:有沒有辦法只使用jQuery回滾動畫?

$("#myObject").animate({ 
    /* animation 1 */ 
}).animate({ 
    /* animation 2 */ 
}).animate({ 
    /* animation 3 */ 
}); 

我在想,如果是有辦法動畫#myObject回來反向相反的順序上沒有從頭再來寫它的屬性。

我正在考慮製作一個css類並切換它,但它不會有動畫步驟。此外,css3動畫不是這個項目的一個選項。

可能嗎?

+0

評論是爲評論,而不是添加到您的問題 - 有一個「編輯」按鈕。 – Bojangles

+1

你爲什麼不寫一個函數?傳遞對象和你需要的任何值。 3步驟(對象,posx1,posy1,posx2,posy2,posx3,posy3)。取決於動畫的類型......你可能需要編寫2個函數。前進1爲後退1。 –

+0

這就是我所做的,但我正在尋找一些代碼優化。如果動畫變大,我需要改變它,我將不得不改變它兩次,相反的順序,等等。但是這是一個不錯的開始,理查德。感謝這個提示。 – v42

回答

3

所以,我認爲這是一個有趣的問題,我寫了這個:http://jsfiddle.net/bstakes/hzFTg/#base

它是一種非常幼稚的做法,但它確實你的要求。所以,是的,有辦法做到這一點,但不是開箱即用。

+0

令人印象深刻!這是一個非常聰明的實現!恭喜! :) – v42

相關問題