.set( target:Object, vars:Object, position:* ) : *
add( TweenLite.to(target, 0, {...}) )
的事情,但代码较少。
myTimeline.add( TweenLite.to(element, 0, {left:100, opacity:0.5, immediateRender:false}) );
myTimeline.set(element, {left:100, opacity:0.5});
你可以使用链式调用快速构建序列:
//创建一个时间轴
var tl = new TimelineLite({onComplete:myFunction});
//以下是链式调用,为了方便观看我们把他们换行了
tl.from(element, 1, {left:-100}) //添加一个动画
.to(element, 1, {top:50}, "-=0.25") //在时间轴末端前0.25秒(即时间轴0.75秒)处添加动画
.set(element, {opacity:0}) //设置动画元素的透明度
.call(otherFunction) //执行函数otherFunction()
.staggerTo([e1, e2, e3], 1.5, {rotation:45}, 0.25); //最后旋转e1, e2, e3,他们的起始间隔是0.25秒
使用position参数控制插入点。
tl.set(element, {left:100}); //添加至时间轴末尾
tl.set(element, {left:100}, 2); //添加至2秒处(绝对位置)
tl.set(element, {left:100}, "+=2"); //添加至时间轴末尾后2秒处(相对位置)
tl.set(element, {left:100}, "myLabel"); //添加至标记处
tl.set(element, {left:100}, "myLabel+=2"); //添加至标记后2秒处
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
target | Object | 是 | 需要动画的对象 |
vars | Object | 是 |
动画参数(CSS属性、延迟、重复次数等),例如myTimeline.set(element, {left:100, top:200}); |
position | * | 否 | 插入动画的位置。秒/帧或标签的绝对和相对位置,默认为"+=0" 。 |
转载原创文章请注明:文章转载自:TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址:https://www.tweenmax.com.cn/api/timelinemax/set()