当前位置：文江博客话题详情

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

发布于 2024-10-21 12:33:58 字数 323 浏览 1 评论 0原文

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

我有以下内容： http://bit.ly/g90S3J 这似乎在 FF3.6 中运行得很好但我发现在 IE8 中 - 动画和位置相差很远 - 元素仍然离开舞台，或者在舞台上飞行，而在 FF 中，它们聚集在中心周围，正如它们应该的那样。

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

有人可以帮我吗？

非常感谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

楠木可依 2024-10-28 12:33:58

你有这个：

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

You have this:

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

When I mean to set an initial position just add:

  top:0;
   left:0;

To the properties and since you have:

$(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');          
                                                                                });                                                        
                                                                        }); 


});

the 'flyItem' elements must all be inside a relatively positioned div.

回复收藏 0 原文

~没有更多了~