js的运动及封装

概述

运动主要是动画的操作，主要是操作某个document元素的属性变化（位置变化）

运动主要的三步骤

使用定时器来定时更改对应的内容
实时获取对应的元素的属性及相关内容
判断是否到达目标位置（到达后清除定时器）

匀速运动

概述：匀速运动的本质就是每次变化值都是同一个

 

示例

 

缓冲运动

概述: 缓冲运动的本质就是每次变化的值越来越小

示例

 

 

 

 

 

 

 

 

封装move.js

 

 

 

 

 

 

 

 

 

 

 

效果图