Jquery圖標飛 - 在動畫效果onload

我需要頁面載入過程中圖像圖標的飛入效果。Jquery圖標飛 - 在動畫效果onload

請檢查下面的圖像，第一個圖像是圖標應該在頁面加載過程中在不同的方向，它應該動畫和安排在第二個圖像的div位置。

任何想法是沒什麼太大的幫助..

enter image description here

來源

2012-03-31 sathish

如果屏幕更大或更小，會發生什麼？ – 2012-03-31 06:33:35

感謝您的答覆亞蘭。其實佈局只適用於1024X768。最初，所有的圖標都被分割到佈局的一些地方，一旦頁面被載入，它應該飛入他們的位置。 – sathish 2012-03-31 06:35:27

的效果本身是不是真正的problem.You可以設置應飛至絕對定位的所有元素，並設置其放置在屏幕外，然後將它們設置到正確的位置。

真正的問題將是使它在不破壞佈局的情況下使用不同的屏幕尺寸。

來源

2012-03-31 06:46:42

感謝您的建議sven。對於一個單獨的圖標，我可以使它在最初移動不同的位置[例如，左上角]，然後在onload時將其設置爲原始div位置。但是，這裏有很多圖標，我最初需要讓它們變成不同的方向。這是我沒有得到任何想法的地方...... :( – sathish 2012-03-31 06:53:36

）您不需要設置動畫的方向，只需要爲每個圖標設置一個起始位置並將它們設置爲結束位置。例如將每個圖標設置爲每個CSS的起始位置，並將元素自身的data- *屬性賦給末尾座標，然後將所有元素放入數組中，循環並將它們從起點移動到終點。你不需要爲每個圖標寫一個額外的動畫，只需要一個動畫函數來接收data- *屬性中的端點 – 2012-03-31 07:08:00

謝謝sven。這些圖標不是固定的，有時候會有12個圖標[3rows X 4cols]和有時16icons [4X4]或9個圖標[3X3] ... – sathish 2012-03-31 07:19:05

Jquery圖標飛 - 在動畫效果onload

回答

相關問題