動畫以及運動

2021-09-29 05:43:08 字數 870 閱讀 8766

---恢復內容開始---

css樣式提供了運動

過度的屬性transition從一種情況到另一種情況叫過度

transition:attr    time   linear  delay;

attr是變化的屬性

time是花費的時間

linear變化的速度

delay是延遲

js提供運動

元素的client  offset  scroll三個系列

clientwidth/clientheight/clienttop/clientleft

offsetwidth/offsetheight/offsetleft/offsettop/offsetparent

scrollwidth/scrollheeight/scrolltop/scrollleft

這十三個屬性,前面是乙個是唯讀屬性,scrolltop和scrollleft是即可讀也可寫

獲取瀏覽器的body屬性是由相容的

var dd=document。body||document.documentelement

scrolltop和scrollleft的最小值是0

獲取body的整個文件的高

document.body.scorllheight||document.documentelement.scrollheight

獲取瀏覽器:螢幕的高(瀏覽器的可視區)

document.body.clientheight||document.documentelement.clientheight

window下的兩個事件

onscroll當滾動條滾動的時候觸發

onresize當視窗發生改變時觸發

---恢復內容結束---

js jQuery左右運動的動畫

en box type text id left value 向左走 type text id right value 向右走 複製 var utils function return function getcss curele,attr else 去單位 var reg width height...

JS動畫之鏈式運動與同時運動

一 鏈式運動 所謂的鏈式運動,就是在平常的動畫運動函式最後在傳入乙個引數,當第乙個動畫運動運動完後,檢測一下有沒有繼續傳入的引數,如果有的話就繼續執行這個引數,這樣重複下去就可以完成一套鏈式運動 var li document.getelementbyid li1 li.onmouseover fu...

動畫以及封裝

offset client scroll 系列 offset系列 offsetleft 獲取元素距離最左邊的距離 如果父元素沒有定位,距離瀏覽器最左側的距離 如果父元素有定位,距離父元素最左側的距離 offsetwidth 獲取元素的寬度,包括border及以內,不包括margin offsethe...