我正在尝试使用GreenSocks TweenLite for Javascript进行顶级边距的简单动画.我已多次使用该库,但由于某种原因,这次它不起作用.注意:"onComplete"正在触发,但无论我使用什么元素,我都无法为HTML元素上的任何CSS属性设置动画.
HTML
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/
如果有人有任何想法,我将不胜感激!
一些东西:
将CSS插件添加到你的小提琴中
"margin-top"
不会做太多,top
而是使用
.
TweenLite.to("#GS_PipelineHeadline", 0.5, { top: 0, ease: Back.easeOut, onComplete: function () { console.log("Crap"); } });
http://jsfiddle.net/mBPug/4/