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