tweenMax动画

tweenMax:
①缓冲动画;
②连续动画;
③动画时间和状态;
④依赖于jQuery;
TweenMaxAPI:
1.动画实例:t=new TimelineMax();
2.添加动画:t.to(选择器,持续时间,对象,【延迟时间:-=0.5,+=0.5】)
3.动画的停止和播放t.play() t.stop()
4.反向执行动画: t.reverse()
5.onComplete() 运动结束后触发对应的函数
6.onReverseComplete() 反向运动结束后触发对应的函数


7.add()--添加状态(字符串,函数)
8.TweenTo()--完成指定动画(过渡)(字符串/时间)
9.seek()--完成指定动画(无过渡)(time/state,false))[标记中的函数会执行]
10.Time()--动画已执行的时间
11.Clear()--清除所有动画
12.staggerTo()--添加动画【延时时间相同与to()的区别:to()下的所有动画会同时执行, staggerTo会依次进行】
13.totalDuration()--获取动画的总时长
14.getLabelTime()--返回从开始到当前状态的时间(state)
15.currentLabel()--获取当前状态
16.getLabelAfter()--获取下一个状态【时间数字】
17.getLabelBefore()--获取上一个状态
18.Tween:动画运动形式:
缓动运动:Sinusoidal <Quadratic<Cubic<Quartic<Quintic<Exponential<Circular
弹性运动:Bounce<Back<Elastic
ease类型:
easeIn, easeOut, easeInOut

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,633评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,469评论 19 139
  • 先看看CAAnimation动画的继承结构 CAAnimation{ CAPropertyAnimation { ...
    时间不会倒着走阅读 5,619评论 0 1
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,222评论 4 61
  • 时光匆匆转眼间自己即将跨入而立之年,感觉自己依然想个没长大的孩子,无非就是开始喝酒.抽烟.看着动画片哭的稀里哗啦。...
    落笔凡尘阅读 1,761评论 0 0