function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}
function startMove(obj, json, fn)
{
clearInterval(obj.timer);
obj.timer=setInterval(function (){
var bStop=true; //這一次運動就結束了——所有的值都到達了
for(var attr in json)
{
//1.取當前的值
var iCur=0;
if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}
//2.算速度
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
//3.檢測停止
if(iCur!=json[attr])
{
bStop=false;
}
if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}
}
if(bStop)
{
clearInterval(obj.timer);
if(fn)
{
fn();
}
}
}, 30)
}
完美運動框架
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
指針
18810357201
2019-02-23 13:21:35
jquery配合.NET實現點擊指定綁定數據並且能夠一鍵下載
張立達
2019-02-23 00:36:44
c++ return語句
好事多磨啊
2019-02-23 00:36:41
10個經典的 Java main 方法面試題
bigbang1991
2019-02-23 00:34:23
10個經典的 Java main 方法面試題
bigbang1991
2019-02-23 00:34:23
Elasticsearch 評分排序
王清培
2019-02-24 12:50:09
Love2d新手入門歷程之貪吃蛇(附源碼)
mxdwjcty
2019-02-23 13:56:30
2014-02-24_javascript_Pub/Sub
xujsnate
2019-02-23 13:54:06
Ext.grid.GridPanel 問題
cctianchi
2019-02-23 13:06:21
獲取checked的值
wjy_203
2019-02-23 12:55:20
jquery 甘特圖開發指南
bokezyyx
2019-02-23 00:42:21
Xcode 升級後,常常遇到的遇到的警告、錯誤,解決方法
胃搏天
2019-02-23 00:40:03