jquery - 如何在Tweenmax中连续动画？

Question

我正在尝试从左到右对一张图像进行连续动画处理，并且我希望它重复多次(仅从左到右)。我是这样写的。

  <script>
   TweenMax.to(".image",40,{
    left:'960px',
    onComplete:function(){
        $(".image").css({"left":"-50px"});
        TweenMax.to(".image",40,{
            repeat:-1,
        })
      }
   })
  </script>
  <div class="image"></div>

Answer 1

您可以使用简单的函数定义来执行此操作；

 <script>
   function animateImage() {
       $(".image").css({"left":"-50px"});
       TweenMax.to(".image",40,{
           left: '960px',
           onComplete: animateImage
       });
   }
  </script>
  <div class="image"></div>