JS中网页特效的三个系列

一，offset系列

            offset系列，可以得到元素的偏移位置,经常用于获取元素的位置.

   offset系列属性 

          (1)  element.offsetParent   

                   ---- 返回作为该元素带有定位的父级元素，如果父级没有定位，则返回body.

        （2）element.offsetTop     

                    ---- 返回元素相对带有定位父级元素上方的偏移.

        （3）element.offsetleft     

                     ---- 返回元素相对带有定位元素左边框的偏移.

        （4）element.offsetwidth     

                     ---- 返回自身包括padding,border,content区的宽度，返回的数值不带单位.

        （5）element.offsetHeight

                    ---- 返回自身包括padding,border,content区的高度，返回的数值不带单位.

二，client系列

            client系列，可以获取边框的值，经常用于获取元素的大小.

    offset系列属性

        （1）clientTop  

                    ---- 返回包括边框的上方的值,

        （2）clientLeft

                    ---- 返回包括边框的左方的值.

          (3)   clientWidth

                    ----  返回不包括边框但包括padding的宽度值，返回的数值不带单位.

          (4)   clientHeight

                    ---- 返回不包括边框但包括padding的高度值，返回的数值不带单位.

三，scroll 系列

            scroll系列，通过scroll我们可以得到该元素的大小，滚动距离等.

     scroll系列属性

         （1）elememt.scrollTop

                      ---- 返回被卷上去的上侧的距离，返回数值不带单位.

           (2)   element.scrollleft

                     ---- 返回被卷上去的左侧的距离，返回数值不带单位.

           (3)   element.scrollwidth

                     ---- 返回自身实际的宽度，不含边框，返回数值不带单位.

           (4)   element.scrollHeight

                    ---- 返回自身实际的高度，不含边框，返回数值不带单位.