（1）PC端网页特效导读、offset概述

学习目标：

• 能够说出常见offset系列属性的作用
• 能够说出常见client系列属性的作用
• 能够说出常见scroll系列属性的作用
• 能够封装简单动画函数
• 能够写出网页轮播图案例

知识点即为：

1. 元素偏移量offset系列
2. 元素可视区client系列
3. 元素滚动scroll系列
4. 动画函数封装
5. 常见网页特效案例

---

offset概述

翻译过来就是偏移量，使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。

• 获取元素距离带有定位父元素的位置
• 获得元素自身的大小（宽高）
• 返回的数值都不带单位

element.offsetParent	返回作为该元素带有定位的父级元素 如果父级都没有定位则返回body
element.offsetTop	返回元素相对带有定位父元素上方的偏移
element.offsetLeft	返回元素相对带有定位父元素左边框的偏移
element.offsetWidth	返回自身包括padding、边框、内容区的