TweenMax 一

var t1 = TweenLite;
var t2 = TweenMax;
var t3 = new TimelineLite();
var t4 = new TimelineMax();
t1.to('.test',1,{scaleX:0.6,scaleY:0.6});
t2.to('.test',1,{scaleX:0.6,scaleY:0.6},2);
t3.to('.test',1,{scaleX:0.6,scaleY:0.6},1);

t4.to('.test',1,{scaleX:0.6,scaleY:0.6},0.5);

 *1:TweenLite ：处理几乎任何物件的任何属性的动画引擎核心。相对轻量级，但功能齐全，可以选择要使用的插件扩展像是在浏览器中用于使DOM元素样式成为动画的CSSPlugin，或是滚动到页面上特定位置或div的ScrollToPlugin等)
 *2:TweenMax ：TweenLite强大的大哥;可以完成Twe​​enLite做的每一件事，并附加非必要的功能，如repeat(重复)，yoyo(溜溜球)，repeatDelay(重复延迟)等。它也包括许多常见的插件，如CSSPlugin，这样您就不需自行载入多个文件。侧重于全功能的，而不是轻量级的。
 *3:TimelineLite ：一个强大的，轻量级的序列工具，它就如一个存放补间动画的容器，可以很容易的整体控制补间动画，且精确管理补间动画彼此之间的时间关系。您甚至可以无层数限置的在其他timelines里面嵌套timelines。这使您可以很简单的模组化动画工作流。
 *4:TimelineMax ：扩展TimelineLite，提供完全相同的功能再加上有用的(但非必需)功能，如repeat、repeatDelay、yoyo、currentLabel()等。同样就如TweenMax和TweenLite的关系，TimelineMax的目标是成为最终的全功能工具，而不是轻量级的。
 *以下针对动画实例 new TimelineMax
 *第一个参数为目标(补间属性的物件)
 *第二个参数持续时间通常以秒计
 *第三个参数是要被补间的一个或多个属性和结束值
 *第四个参数为可选参数，动画延迟发生时间可写数字-=0.5，+=0.5
 *pause,resume,stop,restart
 *delay允许通过一定的秒数延迟补间动画的时间: TweenLite.to(photo,1,{width:200,delay:2,onComplete:myFuncion})
 *最常见的两种特殊属性onComplete,ease
 *onComplete 可以在补间动画完成时调用一个函数通常被称为callback回调
 *onReverseComplete 反向运动结束后触发的对应函数
 *ease 改变补间过程中的变化比率.....这个较多，发下一保存一个
 *add()增加状态（参数：字符串或是一个函数）
 *seek()完成指定的动画（参数说明1:指定时间或状态2：可选参数true:不执行函数默认false:执行函数）
 *time():动画已执行的时间
 *totalDuration()获取动画总时长
 *getLabelTime()返回从开始到当前状态时间（参数：1状态的字符串，返回值是一个数字）
 *currentLabel()获取当前状态（返回值是一个字符串）
 *gerLabelAfter()获取下一个状态（参数：时间数字，返回值是状态的字符串，如果没有下一个状态则返回null）
 *getLabelBefore()获取上一个状态（参数：时间数字，返回值是状态的字符串，如果没有上一个状态则返回null）
 *clear()清除所有动画
 *to方法 TweenMax.to(".test",0.2,{"width":200,"height":200})
 *from方法 TweenMax.from('.test',1,{scaleX:0,scaleY:0});
 *fromTo方法 TweenMax.fromTo(".test",1,{width:50,height:50},{width:250,height:250,ease:"SlowMo.easeOut"});
 *staggerTo方法  t4.staggerTo(".li", 1, {y:"10", opacity:1}, 0.2);

*staggerFrom方法  t4.staggerTo(".li", 1, {y:"10", opacity:1}, 0.2);