1. 程式人生 > >js中級(1)

js中級(1)

  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

這十三個屬性,前面是一個是隻讀屬性,scrollTopscrollLeft是即可讀也可寫

獲取瀏覽器的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 當視窗發生改變時觸發