把left的值变大,就会有动画
设置步长
1 获取div当前的left值
2 left + 步长
3 设置给div的left
4 循环执行1-3
当到达目标值时,停止运动 有的时候步长加上对应值不可能正好到达目标值
需要判断临界值
当前left值 - 目标值 差的绝对值 小于 步长时,即为临界状态
move函数中有两个参数,第一个参数是要有动画的dom对象
第二个参数是移动到的目标值
例如当前位置是0
move(dom, 1000) 就会动画到1000的位置
淡入 0 - 1
淡出 1 - 0
计时器 添加给要加添加动画的DOM对象的一个随意属性
函数执行就要先清除计时器(防止连续点击时造成问题)
获取对应属性的属性值
根据属性值得到步长(正||负)
添加计时器
获取对应属性值
判断是否到达临界点
是
清除计时器
然最终属性值为目标值
否
属性值 += 步长
将属性值设置给对应的属性
设置步长
1 获取div当前的left值
2 left + 步长
3 设置给div的left
4 循环执行1-3
当到达目标值时,停止运动 有的时候步长加上对应值不可能正好到达目标值
需要判断临界值
当前left值 - 目标值 差的绝对值 小于 步长时,即为临界状态
move函数中有两个参数,第一个参数是要有动画的dom对象
第二个参数是移动到的目标值
例如当前位置是0
move(dom, 1000) 就会动画到1000的位置
淡入 0 - 1
淡出 1 - 0
计时器 添加给要加添加动画的DOM对象的一个随意属性
函数执行就要先清除计时器(防止连续点击时造成问题)
获取对应属性的属性值
根据属性值得到步长(正||负)
添加计时器
获取对应属性值
判断是否到达临界点
是
清除计时器
然最终属性值为目标值
否
属性值 += 步长
将属性值设置给对应的属性