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 aa=document.body||document.document.documentElement
scrollTop和scrollLefyt的最小值0
獲取body整個文件的高
document.body.scrollHeight||document.documentElement.scrollHeight
獲取瀏覽器一螢幕的高(瀏覽器可視區)
document.body.clientHeight||document.documentElement.clientHeight
window下的兩個事件
onscroll當滾動條滾動觸發
onresize當視窗改變觸發