1：运动原理
通过连续不断的改变物体的位置，而发生移动变化。
使用setInterval实现。
匀速运动：速度值一直保持不变。
多物体同时运动：将定时器绑设置为对象的一个属性。
注：物体每次运动都应该把之前的定时器清除掉。
2：边界处理
遇到边界是应该停止掉还是反弹，方向相反。
改变物体运动方向：将物体的速度值取反。
3：加速减速
加速：速度越来越快。
减速：速度越来越慢。
4：抛物线
水平方向有一速度，垂直方向有一速度，并做自由落体。
5：透明度的变换
box逐渐消失
6：缓冲运动
速度一开始很大，然后慢慢变小，比较类似自然界中的缓冲运动
考虑到运动的时候可能往前，也可以能往后，增加判断
上面代码封装为函数
7：多属性缓冲运动函数封装
上面的封装只能固定的在x方向做动画
如果想让一个div 从一个点运动到另一个点，怎么办？
比如从（0，0）到（100，200）
这个时候我们把第二个参数改为一个这样的对象 {left:100;top:200}