11.19

1、动画

  1)css样式提供了运动

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

  transition:变化的属性   花费的时间   变化的速度   延迟

  2)js提供的运动

  元素的client   offset   scroll三个系列

  clientWidth/clientHeight/clientTop/clientLeft

  offsetWidth/offsetHeight/offsetTop/offsetLeft/offsetParent

  scrollWidth/scrollHeight/scrollTop/scrollLeft

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

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

  var  dd  = document.body||document.documentElement

  scrollTop和scrollLeft的最小值是0

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

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

  window下的两个事件

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

    onresize 当窗口发生改变是触发

 

posted @ 2018-11-30 14:20  web前端探索者  阅读(104)  评论(0编辑  收藏  举报