本文共 360 字，大约阅读时间需要 1 分钟。

知识点

1. 凡是在触发事件之中用到定时器，一定要先清后设。
2. 动画的原理就是，有一个初始位置，有一个目标为止，有一个步长（每一次执行改变的距离），在确定的时间内完成事件，当初始位置等于目标位置，结束。
3. opacity 设置透明度，与其他的属性不同，opacity是number类型的，是一种特殊情况，需要进行特殊设置。
4. 实现一次动画改变多个属性的方法：设置一个flag，默认值为false，只有当所有的属性都改变完成之后，flag=true，定时器关闭。
5. 实现一次执行多个动画的方法：回调函数，即执行完第一次动画之后，如果有回调函数，执行下一次动画。
6. 设置CSS属性，style[arrName]

运行结果

点击之后，调用封装好的动画函数，对div的属性进行设置。

代码

    
              往右走   往左走   
   
      

转载地址：https://kaisarh.blog.csdn.net/article/details/103739377 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！