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中。

链接位置动画与jquery animate（）

1 个答案: