一.目标:
1.能够说出常见offset系列属性的作用
element.offsetWidth 返回自身包括padding,内容区的宽度,边框,无单位
主要用法: offsetLeft offsetTop 用于获取元素位置
2.能够说出常见client系列属性的作用
element.clientWidth 返回自身包括padding,内容区的宽度,不含边框,无单位
主要用法: clientWidth clientHeight 用于获取元素大小
3.能够说出常见scroll系列属性的作用
element.scrollWidth 返回自身实际宽度,不含边框,无单位
主要用法: scrollTop scrollLeft 用于获取滚动距离
注:页面的滚动距离: window.pageYOffset
4.mouseenter和mouseover的区别
*mouseover鼠标经过自身盒子会触发,经过子盒子还会触发
*mouseenter只经过自身盒子触发, 因为mouseenter不会冒泡
注:跟mouseenter搭配鼠标离开mouseleave,同样不会冒泡
5.能够封装简单的动画函数
6.能够写出网页轮播图案例