霸气口红

文章
4
资源
0
加入时间
3年0月9天

封装动画以及原理分析过程

动画得原理以及封装分析第一步 核心原理:通过定时器 setInterval() 不断移动盒子位置。实现步骤:获得盒子当前位置让盒子在当前位置加上移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位,才能使用element.style.left第二步 函数需要传递2个参数,动画对象(就是你给谁设置动画)和移动到的目标距离。第三步 动画函数给不同元素记录不同定时器 在我们日常开发中如果多个元素都使用这个动画函数,每次都要var 声明定时器 这会导致我们得代码效力变