Web-js中級-11月19日
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||document.documentElement
scrollTop和scrollLeft的最小值是0
獲取body的整個文檔的高
document.body.scrollHeight||document.documentElement.scrollHeight
獲取瀏覽器一屏幕的高(瀏覽器的可視區)
Document.body.clientHeight||document.documentElement.clientHeight
Window下的兩個事件
onscroll 當滾動條滾動的時候觸發
onresize 當窗口發生改變時觸發
Web-js中級-11月19日