.tweenTo( position:*, vars:Object ) : TweenLite
myTimeline.tweenTo("myLabel2");
如果要对动画进行高级控制,只需将参数传入vars即可,如
myTimeline.tweenTo(5, {onComplete:myFunction, onCompleteParams:[myTimeline], ease:Strong.easeOut});
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
position | * | 是 | 动画的终点时间点或者label标记 |
vars | Object | 否 |
传入动画的参数,如onComplete , ease , delay 或其他TweenLite的可用选项 |
.box {
width:50px;
height:50px;
position:relative;
border-radius:6px;
margin-top:4px;
}
.green{
background-color:#6fb936;
}
.orange {
background-color:#f38630;
}
.grey {
background-color:#989898;
}
var tm = new TimelineMax();
tm.to('.green', 2, {x:200})
.to('.grey', 2, {x:300})
.to('.orange', 2, {x:400})
.tweenTo(5)
tweenTo()
只是创建一个TweenLite实例,该实例会暂停时间轴,然后对时间轴的time()
进行动画。因此你可以单独引用或储存这个动画,还可以随时kill()
。tweenTo()
不会影响时间轴的reversed
状态,因此,如果你的时间轴正常定向(未反转)并且你动画到当前时间之前的时间/标签,它将显示为倒退但reversed
状态不会更改为true。tweenTo()
在动画之前暂停时间轴,并且在完成后它不会自动恢复。如果你需要恢复时间轴播放,可以使用onComplete
来调用时间轴的resume()
方法。
转载原创文章请注明:文章转载自:TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址:https://www.tweenmax.com.cn/api/timelinemax/tweenTo()