Js之完美運動框架 包括scrollTop

2021-10-07 05:48:35 字數 1165 閱讀 3706

//多物體運動 鏈式/同時運動

function

namex

(obj, json, fn)

speed =

(json[attr]

- cur)/20

; speed = json[attr]

> cur ? math.

ceil

(speed)

: math.

floor

(speed);if

(json[attr]

!== cur)

switch

(attr)

)` break

;case

"scrolltop"

: obj.srcolltop=cur+speed;

default

: obj.style[attr]

=cur+speed+

"px"

;break;}

}if(flag)

return;}

//當前值},

20)}function

getattribute

(obj, attr)

else

}//offsetwidth offsetheight 獲取的是可視面積盒子===content+padding+border

//offsetleft offsettop 獲取的是距離定位元素的左側距離和頂部距離 (margin也算)

//clientwidth clientheight 獲取的是元素的寬度和高度 ===padding盒子

//clientleft clienttop 獲取的是左邊框和上邊框==border

//scrollwidth scrollheight 獲取的是 滾動盒子距離就是padding盒子+滾動的距離

//scrollleft scrolltop 獲取的是 滾動了多少距離 非px

//獲取螢幕

//clientx:獲取距離body可視介面的距離x

//offsetx:獲取距離定位元素可的距離x

//pagex:獲取滾動距離的x

js完美運動框架

建立move.js運動框架function getstyle obj,name else 任意值的運動框架 var timer null function startmove obj,json,fnend else 計算速度 var speed json attr cur 6 speed speed...

js完美運動框架

完美運動框架js檔案及說明 呼叫說明 node為節點 json為要變化的的屬性組成的物件 例 意思為要 讓node節點物件 寬變化到300px,高變化到200px,不透明度變化到30。complete 為當json物件的各項屬性都變化到位時,需要執行什麼。這裡 傳入函式。一般為匿名函式。也可以在匿名...

JS完美運動框架

function getstyle obj,attr else function startmove obj,json,fn else 2.算速度 var ispeed json attr icur 8 ispeed ispeed 0?math.ceil ispeed math.floor ispe...