努力让Greensock在当地制作动画片

时间:2016-02-04 01:59:41

标签: javascript animation greensock

我正在使用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。他们都没有显示任何动画。

0 个答案:

没有答案