主要是对offsetLeft,Left,clientLeft之间的区别进行了详细的分析介绍，需要的朋友可以过来参考下想，希望对大家有所帮助

物体运动原理：通过改变物体的位置，而发生移动变化。 任何运动都是相对的，就像物理中的运动公式：s（要达到的）=s0（当前的样式值）+vt。 方法：       1.运动的物体使用绝对定位       2.通过改变定位物体的属性（left、right、top、bottom）值来使物体移动。例如向右或左移动可以使用offsetLeft（offsetRight）来控制左右移动。 步骤：     1、开始运动前，先清除已有定时器 （因为：是连续点击按钮，物体会运动越来越快,造成运动混乱）     2、

模拟拖拽的原理： x1等于div.offsetLeft y1等于div.offsetTop x2等于ev.clientX(ev表示event事件) y2等于ev.clientY 当我们在方块上按下鼠标的时候，x2-x1即可确定。移动鼠标之后，我们用鼠标当前的位置即x4、y4减去x2-x1、y2-y1就可以得到方块现在的位置。 代码： Document &

假设 obj 为某个 HTML 控件 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。 obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。 obj.offsetHeight 指 obj