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