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