t4.to('.test',1,{scaleX:0.6,scaleY:0.6},0.5);
*1:TweenLite :处理几乎任何物件的任何属性的动画引擎核心。相对轻量级,但功能齐全,可以选择要使用的插件扩展像是在浏览器中用于使DOM元素样式成为动画的CSSPlugin,或是滚动到页面上特定位置或div的ScrollToPlugin等)
*2:TweenMax :TweenLite强大的大哥;可以完成TweenLite做的每一件事,并附加非必要的功能,如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);