TweenLite没有动画

dyg*_*oyd 5 html javascript css tweenlite

我正在尝试使用GreenSocks TweenLite for Javascript进行顶级边距的简单动画.我已多次使用该库,但由于某种原因,这次它不起作用.注意:"onComplete"正在触发,但无论我使用什么元素,我都无法为HTML元素上的任何CSS属性设置动画.

HTML

<div id="GS_PipelineHeadline h2"></div>
Run Code Online (Sandbox Code Playgroud)

JAVASCRIPT

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

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

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

Tim*_*len 6

一些东西:

  • CSS插件添加到你的小提琴中
  • "margin-top"不会做太多,top而是使用

.

TweenLite.to("#GS_PipelineHeadline", 0.5, {
    top: 0,
    ease: Back.easeOut,
    onComplete: function () {
        console.log("Crap");
    }
});
Run Code Online (Sandbox Code Playgroud)

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