TweenMax（GreenSock） 学习笔记

TweenMax 是GreenSock 动画平台中的核心动画工具
TimelineMax 是GreenSock 动画的时间轴管理工具
相比于skrollr来说，GreenSock不是一个补间动画，能管理每一帧动画

常用语法

# 添加一个TweenLite.to()动画到时间轴
myTimeline.add( TweenLite.to(element, 1, {left:100, opacity:0.5}) );
相当于
myTimeline.to(element, 1, {left:100, opacity:0.5});

# 跳转至某标签
tl.addLabel("tag1");                      //添加一个标签label
tl.play("tag1");                              //跳转标签label
tl.currentLabel("tag1");                 //跳转到指定的label标记
tl.currentLabel();                           //获取当前时间（或之前）最接近的label
tl.tweenTo(5);                                //将时间轴播放到特定时间或标签，然后停止
tl.tweenTo(tl.getLabelAfter());       //返回time参数后面的下一个label标签（如果有）
tl.tweenTo(tl.getLabelBefore());    //返回time参数之前的上一个label标记（如果有）
tl.getLabelTime("tag1");                //返回特定label的时间位置
tl.getLabelsArray();                       //按时间轴中出现的label顺序排列（数组）

tl.play(2);                      //在2秒钟位置开始播放
tl.play(2, false);               //在2秒钟位置开始播放，并且不阻止期间的函数、事件
tl.seek(2);                      //跳转到第2秒 -- 不改变状态（播放、暂停、方向）的情况下直接跳转到某个时间点
tl.seek(2, false);               //跳转到第2秒，并且不阻止期间的函数、事件
tl.tweenTo(5);                   //将时间轴播放到特定时间或标签，然后停止
tl.isActive();                   //指示动画当前是否处于活动状态
tl.reversed( true );             //设置反方向
tl.reversed( !tl.reversed() );   //切换方向
tl.totalTime();                  //获取或设置当前位置在总的时间轴中的时间 
tl.totalDuration();              //获取或设置总的时间轴持续时间

未完待续...