JS运动框架制作

运动框架是封装好的元素运动函数，与点击等事件绑定，通过将元素设置为绝对定位，修改定位的属性参数实现元素的运动。

一.transition运动函数（通过直接改变css值进行运动）

二.setTimeout定时器

1.用定时器setTimeout制作，时间版

匀加速运动：

speed = (nowDate - startDate) / time;
currLeft = parseInt(getStyle(ele, 'left'));
ele.style.left = currLeft + speed * (end - currLeft) + 'px';

1.用定时器setTimeout制作，路程版

匀减速运动：

curr = parseInt(getStyle(ele, key));
speed = (target - curr) / 10;
ele.style[key] = curr + speed + 'px';