動畫

(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?當窗口發生改變時觸發

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

轉載于:https://www.cnblogs.com/ximao/p/9984747.html

總結

以上是生活随笔為你收集整理的js中级（1）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。