我正在使用greensock,我似乎无法让它在本地制作动画。
我将代码复制并粘贴到codepen中,动画在那里正常工作。两者之间的唯一区别是html文件中的细微差别,它们粘贴在下面。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/plugins/CSSPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/easing/EasePack.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenLite.min.js"></script>
<script src="animate.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="blue">
</div>
</body>
</html>
我可以通过JS调试并看到console.log工作,并且看起来没有任何错误地调用TweenLite函数,但屏幕上没有动画。我尝试过Edge,Chrome,IE11和Firefox。他们都没有显示任何动画。