.yoyo()

.yoyo( value:Boolean ) : *
获取或设置时间轴的yoyo状态,其中true表示时间轴每次重复时交替来回播放。
var yoyo = myTimeline.yoyo(); //获取当前yoyo状态
myTimeline.yoyo( true ); //设置yoyo为true
.yoyo()适用于TimelineMax

.yoyo()的参数

参数 类型 必填 说明
value Number (default = 0) - 省略参数返回当前值,而定义参数则设置值并返回实例本身以便于链式调用。

.yoyo()效果展示

  • HTML
  • CSS
  • JS
  • 展示

yoyo效果

.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
  }
.green{
    background-color:#6fb936;
  }
var tm = new TimelineMax();
tm.repeat(-1).yoyo(true).to(".box", 3, {x:500})
重播

转载原创文章请注明:文章转载自:TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址:https://www.tweenmax.com.cn/api/timelinemax/yoyo()