PC端网页特效

一、元素偏移量offset系列

使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。返回值都不带单位

（1）父元素中的子元素获取偏移量，其父元素需要添加定位，否则会以body为准。

（2）获取元素大小，包含padding、边框、内容区的总值。要获取父元素中的子元素大小，其父元素需要添加定位，否则会以body为准。

（3）offsetParent 返回带有定位的父元素，若没有则返回body；

        parentNode节点操作中返回上一级父元素，也就是亲爸爸。

offset与style的区别

（1）style只能获取行内样式表的值，写在head标签中的

（2）offset获取的值没有单位，style获取的值带单位

（3）offsetWidth包含padding、边框、内容区的总值，style不包含padding、边框

（4）offset的属性是只读属性，不可赋值，如果要给元素更改值，需要使用style来改变。

二、元素可视区client系列

使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

立即执行函数

( function(){} )() 或者 （function(){}()）

立即执行函数，不需要调用，立马能够自己执行的函数。

三、元素滚动scroll系列

使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。