使用 jquery animate() 链接位置动画

Question

我想让一组 11 个元素“飞”到一个页面中 - 通过使用 jQuery animate() 的一组链式动画。

我有以下内容：http://bit.ly/g90S3J 这似乎在 FF3.6 中运行良好 但我看到在 IE8 中 - 动画和位置偏离了 - 元素保留在舞台之外，或者在舞台上飞行，而在 FF 中，它们应该聚集在中心周围。

在 FF 中有时也会发生的情况是，元素的最终位置似乎偶尔会偶尔发生变化。奇怪！！

有人可以帮帮我吗？

非常感谢！

Answer 1

你有这个：

.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 内。