我想要一組11個元素「飛」到一個頁面 - 通過一組使用jQuery animate()的鏈接動畫。jquery動畫鏈接的位置動畫()
我有以下幾點:http://bit.ly/g90S3J 這似乎工作得很好的FF3.6 ,但我看到,在IE8 -the動畫和位置的路要走 - 剩餘走下舞臺元素,或階段的飛行,而在FF中,他們收集中心周圍,他們應該。
在FF中有時似乎也會發生這樣的情況,即元素的最終位置偶爾會偶爾發生變化。奇怪的!!
有人可以幫我一把嗎?
非常感謝!
我想要一組11個元素「飛」到一個頁面 - 通過一組使用jQuery animate()的鏈接動畫。jquery動畫鏈接的位置動畫()
我有以下幾點:http://bit.ly/g90S3J 這似乎工作得很好的FF3.6 ,但我看到,在IE8 -the動畫和位置的路要走 - 剩餘走下舞臺元素,或階段的飛行,而在FF中,他們收集中心周圍,他們應該。
在FF中有時似乎也會發生這樣的情況,即元素的最終位置偶爾會偶爾發生變化。奇怪的!!
有人可以幫我一把嗎?
非常感謝!
你有這樣的:
.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內。
FWIW,item1的頂邊距爲-1550px,當您爲它設置動畫時,您將爲其添加1200px。它仍然會有一個大於其高度的負邊距。因此,它仍然是「隱藏」的。 – Nimrod 2011-03-11 01:25:40
沒關係,我看到'top'和'margin-top' ... – Nimrod 2011-03-11 01:43:18