当前位置:Gxlcms > JavaScript > 简单的动画库封装tween.js实例教程

简单的动画库封装tween.js实例教程

时间:2021-07-01 10:21:17 帮助过:9人阅读

本文记录了自己利用原生javascript构建自己的动画库的过程,在不断改进的过程中,实现以下动画效果:

针对同一个dom元素上相继发生的动画,针对以下功能,尝试实现方案,(从一个元素向多个元素的拓展并不难,这里不做深入探究):

功能1.知道动画A和动画B的发生顺序(如A先发生,B后发生),能够按照代码撰写顺序实现动画A结束时,动画B调用

功能2.在满足功能1的基础上更进一步,当不知道动画A和动画B的发生顺序(如点击按钮1触发动画A,点击按钮2触发动画B,哪个按钮先点击不确定),能够达到1)两个动画不产生并发干扰;2)可以根据按钮的先后点击顺序,一个动画结束后另一个动画运行,即实现动画序列,以及动画的链式调用。

具体代码如下:

以上就是简单的动画库封装tween.js实例教程的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行