TweenMax下载附使用教程Demo演示

文件大小:2.3MB下载:175次
之前在做HTML5移动端开发的时候,用的都是Animate.css,这个插件封装的的确很好,但是在做一些缓动方面的动画,它也有一定的不足之处,比如手要写一个连续的动画,需要不停的去重复写函数,使得代码严重的冗余,再比如要获取动画执行的时间,就比较的麻烦等等。而TweenMax恰恰可以解决这方面的不足。

TweenMax 采用了与它的兄弟相似的易于学习的语法结构。实事上,因为它扩展自它们,TweenMax 可以做任何TweenLite 和/或者 TweenFilterLite 能做的事,还加上了更多的特色。那么为什么要建立3 个类,而不是1 个呢?问的好,我的目标是:效率最大化,尺寸最小化。坦白的说,TweenLite 可能是所有的程序员在90% 的项目中都需要用到的,而它仅有3k。相对它的功能来说,它是非常高效和紧凑的。

但是如果你需要对滤镜进行缓动,或者更丰富的图像效果,比如说饱和度(saturation)、对比度(contrast)、色相(hue)、调色等等进行控制,那就装上TweenFilterLite 总共6k 。还想要的更多?No problem (没问题)-- TweenMax 已经在总共8k 的大小里面塞满了足够多的功能。

代码使用示例:

TweenMax.to("#nav", 0.6, {x:'100%', ease:Linear.easeNone,onComplete: function(){
                $("#nav").css("transform","translateX(0)");
            }});

TweenMax.to(".box", 3, {bezier:[{x:500, y:0},{x:500, y:100}]});

此下载文件包含帮助文档Demo示例 点击下载
收藏