1.动画
(1)css样式提供了运动
过渡的属性transition从一种情况到另一种情况叫过渡
transition:attr time linear delay
attr是变化的属性
time是花费的时间
linear是变化的速度
delay是延迟
(2)js提供的运动
元素的client、offset、scroll三个系列
clientWidth/clientHeight/clientTop/clientLeft
offsetWidth/offsetHeight/offsetLeft/offsetTop/offsetParent
scrollWidth/scrollHeight/scrollTop/scrollLeft
这13个属性,前面是一个只读属性,scrollTop和scrollLeft是既可读又可写
获取浏览器的body属性是有兼容的:var dd=document.body||document.documentgetElement
scrollTop和scrollLeft的最小值是0
获取body的整个文档的高:
document.body.scrollHeight||document.documentElement.scrollHeight
获取浏览器一屏幕的高(浏览器的可视区)
document.body.clientHeight||document.documentElement.clientHeight
window下的俩个事件
onscroll当滚动条滚动的时候去触发
onresize当窗口发生改变时触发