JS 51 PC网页特效知识点

一.目标:

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.能够写出网页轮播图案例