javascript网页特效（一）

      在制作网页特效可以使用CSS3，也可以编写javascript代码，现在把在工作中常用的有关javascript属性和方法总结一下，希望能对初学者有些帮助。

     使用javascript制作网页特效，避免不了要获得元素的大小位置的数据，哪javascript中给我们提供了一些获得宽高位置的属性，主要用的一下家族的属性：

       1.offset家族常用属性

　　2. scroll家族常用属性

　　3. client家族常用属性

     现在我就主要来说说offset家族常用属性：

1 offset家族——offsetWidth和offsetHeight

　　　　　本身含义：得到对象自己的宽度和高度
　　　　　offsetWidth = width + border + padding

1.1offsetWidht和style.width的区别

　　　　　style.width只能获得行内样式中的width属性的值，offsetWidth不光可以获得行内样式的值，也可以获得内部样式和外部样式的值。

1.2代码示例

　　 CSS代码：