美文网首页
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动画

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