Javascript完美运动框架(逐行分析代码，让你轻松了运动的原理)_javascript技巧

那这个问题怎么解决呢？ 我们先来看看之前的运动框架

怎么修改呢？ 实际上很简单， 在过去的框架中，你每一次只能传一个样式，和一个值。那么现在把这些改成一个json对象。相信大家就明白了。

我们调用的时候就是startMove(oDiv,{width:200,height:200}); 如果需要的话就在加上回调函数。那么我们具体看看代码是怎么修改的。

为什么会有bstop的假设呢？

其实如果我这样调用startMove(oDiv,{width:101,height:200}); 宽度变成101 已经完成运动了，高度没有到， 但是我们可能已经关闭了当前的定时器。运动已经结束了，就会出现一个特殊情况下的bug。解释一下：

实际上来说，需要所有的运动都到了才关闭定时器，反过来说，如果没有不到的，那就关闭。在程序上就是定义一个布尔值，一开始为true，假设

所有的值都已经到了，如果说有一个值不等于目标点，bstop为false 。 在整个循环结束后，bstop 为ture 就说明所有运动都完成了，这个时候就关闭定时器。

那么这个运动框架基本已经完成了，适用css2 不适用css3。

总结：

运动框架的演变过程

startMove(iTarget) 运动框架
startMove(obj,iTarget) 多物体
startMove(obj,attr,iTarget) 任意值
startMove(obj,attr,iTarget,fn) 链式运动
startMove(obj,json,fn) 完美运动

O(∩_∩)O谢谢 ~