较运动框架更加完好的框架。和json一起使用
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)
{
var iCur = 0;
if(attr == 'opacity')
{
iCur = parseInt(parseFloat(getStyle(obj,attr))*100);
}
else
{
iCur = parseInt(getStyle(obj,attr));
}
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
if(iCur!=json[attr])
{
bStop=false;
}
if(attr == 'opacity')
{
obj.style.opacity = (iCur+iSpeed)/100;
obj.style.filter = 'alpah(opacity='+(iCur+iSpeed)+')';
}
else
{
obj.style[attr] = iCur+iSpeed+'px';
}
}
if(bStop)
{
clearInterval(obj.timer);
if(fn)
{
fn();
}
}
},30);
};