1. 程式人生 > >11-19 動畫

11-19 動畫

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||document.documentElement

 

  scrollTopscrollLeft的最小值是0

 

獲取body的整個文件的高:document.body.scrollHeight||document.documentElement.scrollHeight

 

獲取瀏覽器一螢幕的高(瀏覽器的可視區):Document.body.clientHeight||document.documentElement.clientHeight

 

Window下的兩個事件

 

  onscroll 當滾動條滾動的時候觸發

 

  onresize 當視窗發生改變時觸發