动画

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当窗口发生改变时触发