星空网 > 软件开发 > Java

Tween(GreenSock)

设置参数(set)

动画执行(from、to、fromTo)

运动参数(css属性、autoAlpha、x、y、scale、scaleX、scaleY、rotation、rotationX、rotationY、rotationZ、skewX、skewY、className)

3D参数

缓动函数(多个分类、easeIn、easeOut、easeInOut)

延迟(delay)

重复(repeat、repeatDelay)

往返(yoyo)

回调函数及传参(onStart、onUpdate、onComplete、onRepeat)

刷帧(useFrames)

延迟调用(delayedCall)

强制结束(killTweensOf、killDelayedCallsTo、killChildTweensOf、killAll、kill)

 

 

1、引入TweenMax.js文件

TweenMax.set('.dv', {

        backgroundColor: 'red'

});

 

TweenMax.to('.dv', 10, {

        autoAlpha: 0.8,//到达指定位置时的透明度

        x: 200,//横向位移(单位px)

        y: 100,

        scale: 0.8,//缩放 scaleX、scaleY

        rotation: 180,//旋转rotationX、rotationY、rotationZ

        skewX: 1.2,//横向倾斜

        skewY: 0.5,

        ease: Elastic.easeOut,//缓动

        delay: 2,//动画延迟(2s后开始动画)

        yoyo: true,//像YOYO球一样往返运动,必须和repeat一起使用

        repeat: -1,//重复,-1表示无限循环

        repeatDelay: 1,//每次动画重复间隔1s

        onStart: function(){console.log('start');},//动画开始前

        onUpdate: function(){console.log('update');},//动画过程中

        onComplete: function(){console.log('complete');},//动画完成时

        onRepeat: function(){console.log('repeat');},//动画重复时

        //useFrames: true,//刷帧  1s=24帧  特别是大项目为了防止动画失帧 而采用这种刷帧的

        //方式进行,此时把第二个时间参数改为帧即可

});

 

//延迟2s再调用fun方法

TweenMax.delayedCall(2, fun);

function fun(){

        console.log('fun');

}

 

//禁掉dv的动画,注意添加对象参数

TweenMax.killTweensOf('.dv');

 

//禁掉所有的动画 2种方法

1、TweenMax.killAll();

2、TweenMax.killChildTweensOf('body');

 

区别:

TweenMax.killAll()禁掉所有的动画,可加参数

TweenMax.killAll( complete:Boolean, tweens:Boolean, delayedCalls:Boolean, timelines:Boolean );

TweenMax.killChildTweensOf(obj)禁掉obj下子类的所有动画

 




原标题:Tween(GreenSock)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

2023珠宝行业流行趋势:挖掘消费者需求,把握市场脉搏:https://www.kjdsnews.com/a/1698296.html
东南亚发展趋势之家居园艺:https://www.kjdsnews.com/a/1698297.html
2023 年总结:您需要了解的 10 个 INSTAGRAM 趋势 [信息图]:https://www.kjdsnews.com/a/1698298.html
带你认识海外四大广告投放渠道 | 课程:https://www.kjdsnews.com/a/1698299.html
如果是你,你选SOHO还是跟单?:https://www.kjdsnews.com/a/1698300.html
圣诞降至!跨境卖家如何利用Pmax广告实现旺季爆单?:https://www.kjdsnews.com/a/1698301.html
咸阳机场到临潼景点 西安咸阳机场到临潼有多远:https://www.vstour.cn/a/411236.html
合肥有什么约会的地方好玩的地方 合肥哪里适合情侣好玩的地方:https://www.vstour.cn/a/411237.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流