js17

1.动画

　　（1）css样式提供了运动

　　　过渡的属性transition从一种情况到另一种情况叫过渡

　　　Transition：attr    time    linear  delay;

　　　Attr是变化的属性

　　　Time是花费的时间

　　　Linear变化的速度

　　　Delay是延迟

复习background：url（）no-repeat  50% 50% red；

　　background-image

　　background-repeat

　　background-position

　　background-color

　　（2.）js提供的运动

　　　　元素的client   offset   scroll   三个系列

　　　　clientWidth/clientHeight/clientTop/clientLeft

　　　　offsetWidth/offsetHeight/offsetLeft/offsetTop/offsetParent

　　　　scrollWidth/scrollHeight/scrollTop/scrollLeft

　　　　这十三个属性，前面是一个是自读属性，scrollTop和scrollLeft是即可读也可写

　　获取浏览器的body属性是有兼容的

　　var dd=document.body || documenet.documentElement

　　sccrollTop和scrollLeft的最小值是0

　　句哦去body的整个文档的高

　　document.body.scrollHeight || document.documentElement.scrollHeight

　　获取浏览器一屏幕的高（浏览器的可视区）

　　document.body.clientHeight || document.documentElement.clienHeight

　　Window   下的两个事件

　　　　onscroll当滚动条滚动的时候触发

　　　　onresize当窗口发生改变时触发