javascript - TweenLite动画无法正常运行

我尝试使用TweenLite为某些元素设置动画，但是没有用!
console.log命令有效，没有错误发生，但是也没有任何反应。

这是脚本:

<script type="application/javascript">
    window.onload = function(){
        var back = document.getElementById("back");
        var table = document.getElementById("table");

        console.log(table);
        //TweenLite.to(table,4,{top:"4500px" , height:"0px"});
        TweenLite.to(table,4,{top:"4500"});
        TweenLite.to(back, 1.5, {width:100});
    };
</script>

最佳答案

如果要使用 TweenLite JS脚本为CSS属性设置动画，则需要单独包含GSAP CSSPlugin 。

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.13.2/TweenLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.13.2/plugins/CSSPlugin.min.js"></script>

如果仅包含TweenMax JS脚本，则不必包含CSSPlugin，因为为方便起见，它已包含在TweenMax中。

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

TweenMax 包括以下内容:

CSSPlugin

RoundProps插件

Bezier插件

AttrPlugin

DirectionalRotationPlugin

EasePack

时间轴精简版

时间轴Max

希望这可以帮助! :)