//完美的運(yùn)動(dòng)框架：

function startMove(obj,json,fn)

{

var flag = true;

clearInterval(obj.timer);

obj.timer=setInterval(function(){

for(var attr in json){

//1.取當(dāng)前值

var iCur = 0;

if(attr=='opacity')

{

iCur = Math.round(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.檢測(cè)停止

if(iCur!=json[attr])

{

flag = false;

}

if(attr=='opacity')

{

obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';

obj.style.opacity=(iCur+iSpeed)/100;

}

else

{

obj.style[attr]=iCur+iSpeed+'px';

}

} <!--遍歷json結(jié)束-->

if(flag){//所有條件都達(dá)到了

clearInterval(obj.timer);

if(fn){

fn();

}

}

},30);

}

//好神奇的方法：

function getStyle(obj,attr){

???? if(obj.currentStyle){

???? return obj.currentStyle[attr];

???? }else{

???? return getComputedStyle(obj,false)[attr];

???? }

}