美文网首页
tweenMax动画

tweenMax动画

作者: qwerer | 来源:发表于2016-11-22 14:48 被阅读0次

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

相关文章

  • 前端第三方插件

    动画 tweenmax js动画库 tweenJS js动画库 easeljs js列表动画 ...

  • tweenMax动画

    tweenMax:①缓冲动画;②连续动画;③动画时间和状态;④依赖于jQuery;TweenMaxAPI:1.动画...

  • TweenMax(GreenSock) 学习笔记

    TweenMax 是GreenSock 动画平台中的核心动画工具TimelineMax 是GreenSo...

  • TweenMax

    TweenMax 一个专业的动画js库 TweeMax使用 得到动画的实例 to() 作用: 添加动画 参数说明:...

  • diagnosite网站

    网站整体介绍 网站属于整屏切换网站 使用工具 jquery选择元素,绑定事件 TweenMax做动画,管理动画状态...

  • vue引入TweenMax.js

    今天在看vue文档关于动画那部分,发现有个数字渐增动画用了TweenMax动画库。文档里面是直接引入的CDN静态文...

  • 【转】TweenMax使用方法

    说明:这段时间在看一个svg超级酷炫的动画效果代码,发现其中用了TweenMax这个动画引擎,所以就看了官网并找了...

  • vue项目使用TweenMax实现动效

    TweenMax官网http://www.tweenmax.com.cn/ModifiersPlugin/[htt...

  • H5动画库

    https://www.tweenmax.com.cn/

  • TweenMax 参考

    TweenMax 可能是很多人都用的,包括我 但 是最近发现大量的运用就总会产生这样或那样的"怪事",有时用代码来...

网友评论

      本文标题:tweenMax动画

      本文链接:https://www.haomeiwen.com/subject/ovgppttx.html