2011-03-11 102 views
1

我想要一組11個元素「飛」到一個頁面 - 通過一組使用jQuery animate()的鏈接動畫。jquery動畫鏈接的位置動畫()

我有以下幾點:http://bit.ly/g90S3J 這似乎工作得很好的FF3.6 ,但我看到,在IE8 -the動畫和位置的路要走 - 剩餘走下舞臺元素,或階段的飛行,而在FF中,他們收集中心周圍,他們應該。

在FF中有時似乎也會發生這樣的情況,即元素的最終位置偶爾會偶爾發生變化。奇怪的!!

有人可以幫我一把嗎?

非常感謝!

+0

FWIW,item1的頂邊距爲-1550px,當您爲它設置動畫時,您將爲其添加1200px。它仍然會有一個大於其高度的負邊距。因此,它仍然是「隱藏」的。 – Nimrod 2011-03-11 01:25:40

+0

沒關係,我看到'top'和'margin-top' ... – Nimrod 2011-03-11 01:43:18

回答

0

你有這樣的:

.flyItem { 
    display: inline; 
    overflow: visible; 
    position: absolute; 
} 

當我的意思是設置一個初始位置只需添加:

top:0; 
    left:0; 

的屬性和因爲你有:

$(function(){ 
     $("#item1").animate({'top': '+=1200px'},2000, 'swing', function(){ 
     $("#item2").animate({'right': '-=2630px'},3000, 'swing', function(){ 
     $("#item3").animate({'top': '-=2700px'},3000, 'swing');   
                         });               
                     }); 

     $("#item6").animate({'right': '+=1860px'},2000, 'swing', function(){ 
     $("#item5").animate({'top': '+=1000px'},3000, 'swing', function(){ 
     $("#item4").animate({'right': '+=1000px'},3000, 'swing');   
                       });               
                     }); 


}); 

了「 flyItem'元素都必須位於相對位置的div內。

+0

jepser,閱讀後 - 有一個鏈接... – kneidels 2011-03-11 01:22:52

+0

你必須設置每個元素的初始位置,因爲IE8是混蛋。 – 2011-03-11 01:28:48

+0

@jesper:這不是答案;它應該是一個評論。 – Nimrod 2011-03-11 01:38:29