1

我正在JQuery制作动画，希望能得到社区的帮助。

客观的

我正在尝试创建地球的动画。地球开始从左边出现，然后开始反弹。在弹跳的同时，它也向前向右移动。当它到达页面的中心时，它会停止。之后下一个动画开始。在下一个动画中，地球开始旋转。

我尝试了什么？

我有两个动画作为一个单元正常工作，但我无法将它们合并为一个单元。我完成了弹跳部分，但是当地球弹跳时，应该隐藏旋转效果，并且应该在弹跳效果结束后开始。

我尝试使用hide()延迟功能来做到这一点，但我无法让它工作。我将非常感谢您的帮助。 这是我到目前为止所实施的。

请帮我隐藏旋转动画，直到反弹结束。提前致谢。

4

1 回答 1

1 
<script type="text/javascript">
 $zombie = $('img#flickr');
          function runit(){
            $("#main_content").hide();
            $zombie
             .animate({ opacity: 1 },"fast")

             .animate({top:'500px',left:'100px'}, {duration:500})
             .animate({top:'0px', left:'180px'}, {duration:600})
             .animate({top:'400px', left:'180px'}, {duration:700})
             .animate({top:'0px', left:'260px'}, {duration:800})
             .animate({top:'300px', left:'320px'}, {duration:900})
             .animate({top:'50px', left:'360px'}, {duration:1000})
             .animate({top:'200px', left:'420px'}, {duration:1100})
             .animate({top:'80px', left:'460px'}, {duration:1200})
             .animate({top:'150px', left:'480px'}, {duration:1200})          
             .animate({top:'104px', left:'495px'}, 1300,function(){
                   $("#main_content").show();
                });
          }
        runit()
</script>
于 2012-05-19T16:34:32.390 回答