js中的动画效果

clientWidth：获取对象的内容可视区域的宽度，即clientWidth=width+padding，不包括滚动条。

clientHeight：获取对象的内容可视区域的高度，即clientHeight=height+padding，不包括滚动条。

scrollWidth：获取对象内容的实际宽度，即对象的滚动宽度。

scrollHeight：获取对象内容的实际高度，即对象的滚动高度。

offsetWidth：获取对象的宽度，即offsetWidth=width+padding+scrollbar（滚动条）+border。也可以写成offsetWidth=clientWidth+scrollbar（滚动条）+border。

offsetHeight：获取对象的宽度，即offsetHeight=height+padding+scrollbar（滚动条）+border。也可以写成offsetHeight=clientHeight+scrollbar（滚动条）+border。

clientTop：获取对象的上边框的宽度。

clientLeft：获取对象的左边框的宽度。

scrollTop：设置或获取对象最顶端和对象内容的最顶端之间的距离。

scrollLeft：设置或获取对象最左端和对象内容的最左端之间的距离。

offsetTop：获取对象相对于版面或由offsetParent属性指定的父坐标的顶部位置。

offsetLeft：获取对象相对于版面或由offsetParent属性指定的父坐标的左侧位置。

offsetParent：指的是最近的定位祖先元素。如果没有祖先元素是定位的话，会指向body元素。

td的offsetParent是TABLE，不管table是否有定位属性。td里面的元素的offsetParent为第一个定位的parents元素，如果没有定位元素呢，分为三种：

1. 如果该元素没有定位时:TD
2. 如果该元素有定位，table都没有定位的话，IE6中＝HTML,FF,IE8=BODY
3. 如果该元素和table都定位的话：TABLE