js完美運動框架

2022-02-19 07:55:53 字數 1246 閱讀 2513

完美運動框架js檔案及說明

/*

呼叫說明

node為節點

json為要變化的的屬性組成的物件

例 意思為要

讓node節點物件 寬變化到300px,高變化到200px,不透明度變化到30。

complete 為當json物件的各項屬性都變化到位時,需要執行什麼。這裡

傳入函式。一般為匿名函式。也可以在匿名函式裡在呼叫startmove()函式;

【注】這個引數為可選的,如果不寫就代表結束,什麼都不執行。

示例1 function() //這樣json物件的各項屬性

都變化到位時,在瀏覽器警告框中輸出1。

示例2 function() //這樣

寫的意思是當上乙個運動結束時在進行這一次運動。

綜合示例:

adivs[i].onmouseover = function(),function(),function())

})});//最後乙個startmove()函式沒有complete形參,

//所以結束

*///

用的時候直接把**拷走,呼叫即可,然後根據需要傳參。

/*------------------完美運動框架------------------

*/function startmove(node, json, complete)

else

//2、計算速度

var speed = (json[attr] - icur) / 8;

speed = speed > 0 ?math.ceil(speed) : math.floor(speed);

//3、運動和停止分開

if(attr == "opacity")

else

//如果這個if語句成立,說明至少有乙個樣式沒到達目的值

if(json[attr] !=icur)

}if(isend)

}}, 30);}//

獲取當前有效樣式的相容寫法

function

getstyle(obj, attr)

else}/*

------------------完美運動框架-end-----------------

*/

呼叫示例:

瀏覽器效果:

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完美運動框架

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...

JS的完美運動框架

function getstyle obj,name else 注意 在多物體運動框架中,所有東西都不能公用 否則出問題,bug 將必要的變數加到物體的屬性中就行。即 屬性與運動物件繫結 速度 其他屬性值 如透明度等等 function startmove obj,json,fnend 完美運動框架...