2015年12月22日

一款jquery动画插件TweenMax


2015.12.22讯,今天做一个网页切图的前端项目,客户发了一个demo过来,是一个幻灯片效果并且,图片会有放大的效果,体验非常好,而且作为一名前端,我始终相信源码面前了无秘密,经过几十分钟的研究,发现用到了的slide.js 插件和 TweenMax插件。 经过了解发现TweenMax是一个非常棒的动画制作框架。

于是在结合在切图网 www.qietu.com 的项目中常用到的图片轮播插件glide.js+ TweenMax插件,做出了一样的效果,附TweenMax插件的常用方法。

在这个项目中用到的是 TweenMax.to(target:Object, duration:Number, vars:Object) ,这个方法,就可以做出图片逐渐放大的效果。如果你想做这样的效果欢迎一起交流。

  • TweenMax.to(target:Object, duration:Number, vars:Object):TweenMax
  • TweenMax.from(target:Object, duration:Number, vars:Object):TweenMax
  • TweenMax.allTo(targets:Array, duration:Number, vars:Object):Array
  • TweenMax.allFrom(targets:Array, duration:Number, vars:Object):Array
  • TweenMax.sequence(target:Object, tweens:Array):Array
  • TweenMax.getTweensOf(target:Object):Array
  • TweenMax.isTweening(target:Object):Boolean
  • TweenMax.getAllTweens():Array
  • TweenMax.killAllTweens(complete:Boolean):void
  • TweenMax.killAllDelayedCalls(complete:Boolean):void
  • TweenMax.pauseAll(tweens:Boolean, delayedCalls:Boolean):void
  • TweenMax.resumeAll(tweens:Boolean, delayedCalls:Boolean):void
  • pause():void
  • resume():void

文/阿明

标签:

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》