JS的完美運動框架

2021-06-28 22:13:45 字數 733 閱讀 7814

function getstyle(obj, name)

else

}//注意:在多物體運動框架中,所有東西都不能公用 !否則出問題,bug;將必要的變數加到物體的屬性中就行。即:屬性與運動物件繫結:速度、其他屬性值(如透明度等等)

function startmove(obj, json, fnend)//完美運動框架//換為json,如:startmove(odiv, )

else

var speed=(json[attr]-cur)/6;

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

if(cur!=json[attr])

bstop=false;

if(attr=='opacity')

else }

if(bstop)//如果所有的值都到了,關閉定時器

}, 30);

}

說明 :

obj --------------->  進行運動的節點

json ------------>   要進行哪些運動   如:  300 、200為目標點

fu  --------------->  運動結束後進行的 操作 如 :運動結束後出現乙個彈窗什麼的

這個js完美運動框架是css2 的 ~

在css3裡還有一套超越完美運動框架的框架~那套框架在css3和css2裡面通吃~

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