Question

我试图停止动画，我有一些带图像的重复动画，我使用了yoyo true.it没有杀死function.how来完成它。

<script>
  var imgAnimation;
  imgAnimation=TweenMax.to(".img", 2, {
             top: '330px',
             repeat: -1,
             yoyo: true,
     });

 $("#imganim").click(function(){
     imgAnimation.kill();
 });

</script>
<button id="imganim">click to stop animation</button>

Answer 1

以下是您的代码工作的示例，当您单击按钮kill（）时，动画将停止。

工作示例：http://codepen.io/jonathan/pen/pjuan

我的示例在撰写本文时使用了最新版本的GSAP 2.2.2

确保您使用的是最新版本的GSAP ..来自CDN

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>

要获取最新的CDN链接，请转到https://greensock.com/gsap，然后点击导航中的下载按钮链接。

希望这有帮助！：）

如果我宣布yoyo为true，则Tweenmax kill无效

1 个答案: