js中級(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 當視窗發生改變時觸發