js中完美運動框架

//多個值同時變化
function getStyle(obj, name)//函數幫助獲取不在行間樣式，不受非行間border,padding等得影響
{ //style只獲取行間樣式。offset受非行間border,padding等得影響
　　if(obj.currentStyle)
　　{
　　　　return obj.currentStyle[name];
　　}
　　else
　　{
　　　　return getComputedStyle(obj, false)[name];
　　}
}
//startMove(oDiv, {width: 400, height: 400})

function startMove(obj, json, fnEnd)//obj運動對象   json用於存放對象的樣式和值  fnEnd 用於下一步驟的鏈式運動
{
　　clearInterval(obj.timer);
　　obj.timer=setInterval(function ()

　　{
　　　　var bStop=true; //假設：所有值都已經到了

　　　　for(var attr in json)
　　　　{
　　　　　　var cur=0;
　　　　　　if(attr=='opacity')
　　　　　　{
　　　　　　　　cur=Math.round(parseFloat(getStyle(obj, attr))*100);
　　　　　　}
　　　　　　else
　　　　　　{
　　　　　　　　cur=parseInt(getStyle(obj, attr));
　　　　　　}

　　　　　　var speed=(json[attr]-cur)/6;
　　　　　　speed=speed>0?Math.ceil(speed):Math.floor(speed);

　　　　　　if(cur!=json[attr])
　　　　　　　　bStop=false;

　　　　　　if(attr=='opacity')
　　　　　　{
　　　　　　　　obj.style.filter='alpha(opacity:'+(cur+speed)+')';
　　　　　　　　obj.style.opacity=(cur+speed)/100;
　　　　　　}
　　　　　　else
　　　　　　{
　　　　　　　　obj.style[attr]=cur+speed+'px';
　　　　　　}
　　　　}
　　　　if(bStop)
　　　　{
　　　　　　clearInterval(obj.timer);

　　　　　　if(fnEnd)

　　　　　　　　fnEnd();
　　　　}
　　}, 30);
}