JS完美運動框架

2022-05-06 05:09:11 字數 609 閱讀 9645

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(ispeed);

//3.檢測停止

if(icur!=json[attr])

if(attr=='opacity')

else

}if(bstop)

}}, 30)

}

呼叫的話   就直接把這2個函式放到乙個js檔案裡面   第乙個函式是獲採樣式的 第二個函式是運動框架本身    獲採樣式 是json格式  比如要改變乙個div的寬度  可以這樣寫

startmove('div',);

如果改變多個值可以這樣

startmove('div',);

同時還支援鏈式運動 

startmove(div,,function());

});這樣就可以 先改變高度寬度 然後在改變透明度

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