动画以及运动

---恢复内容开始---

css样式提供了运动

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

transition:attr    time   linear  delay;

Attr是变化的属性

Time是花费的时间

Linear变化的速度

Delay是延迟

js提供运动

  元素的client  offset  scroll三个系列

   clientWidth/clientHeight/clientTop/clientLeft

  offsetWidth/offsetHeight/offsetLeft/offsetTop/offsetParent

  scrollWidth/scrollHeeight/scrollTop/scrollLeft

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

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

var dd=document。body||document.documentElement

scrollTop和scrollLeft的最小值是0

获取body的整个文档的高

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

获取浏览器:屏幕的高(浏览器的可视区)

Document.body.clientHeight||document.documentElement.clientHeight

Window下的两个事件

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

    onresize当窗口发生改变时触发

 

 

---恢复内容结束---

posted @ 2018-12-02 19:15  web小白一号  阅读(117)  评论(0编辑  收藏  举报