TweenLite没有动画

时间:2013-12-05 22:02:28

标签: javascript html css tweenlite

我正在尝试使用GreenSocks TweenLite for Javascript进行顶级边距的简单动画。我多次使用过图书馆,但由于某种原因,这次没有使用。注意:" onComplete"正在开火但是,无论我使用什么元素,我都无法为HTML元素上的任何CSS属性制作动画。

HTML

<div id="GS_PipelineHeadline h2"></div>

JAVASCRIPT

TweenLite.to("#GS_PipelineHeadline h2", 0.5, 
{ 
    "margin-top": 0, 
    ease: "Back.easeOut", 
    onComplete: function () 
    { 
        console.log("Crap"); 
    } 
});

这是我创建的一个真正的快速JSFiddle,包括所有CSS,JS和HTML。 http://jsfiddle.net/mBPug/

如果有人有任何想法,我将不胜感激!

1 个答案:

答案 0 :(得分:5)

一些事情:

  • CSS plugin添加到您的小提琴
  • "margin-top"没有做多少事,请改用<{1}}

top

http://jsfiddle.net/mBPug/4/