原生JS的运动框架。--进来看看。

liujiaz

//先获取非行间样式。

function getStyle(obj,attr){

if(obj.currentStyle){

return obj.currentStyle[attr];

}else{

return getComputedStyle(obj, false)[attr];

}

}

function move(obj,json,fn){

clearInterval(obj.timer);

obj.timer = setInterval(function(){

var bStop = true;

for(var attr in json){

//第一步算元素的初始值

var iCur = 0;

//判断属性是否为透明度

if(attr == "opacity"){

iCur = parseInt(parseFloat(getStyle(obj,attr))*100)

}else{

iCur = parseInt(getStyle(obj,attr));

}

//算速度

var speed = (json[attr]-iCur)/8;

//速度取整

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

//判断是否都已经到达目的地

if(iCur != json[attr]){

bStop = false;

}

//运动原理

if(attr == "opacity"){

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

obj.style.filter = "alpha(opacity:"+(iCur+speed)+")"

}else{

obj.style[attr] = iCur+speed+"px";

}

}

if(bStop){

clearInterval(obj.timer);

fn&&fn();

}

},30)

}

1075083208