你的位置:首页 > Java教程

[Java教程]JavaScript 智能社 完美运动框架


 简约版:

function getStyle(obj, name){  if(obj.currentStyle)  {    return obj.currentStyle[name];  }  else  {    return getComputedStyle(obj, false)[name];  }}function startMove(obj, attr, iTarget, fnEnd){  clearInterval(obj.timer);  obj.timer=setInterval(function (){    var cur=0;        if(attr=='opacity')    {      cur=Math.round(parseFloat(getStyle(obj, attr))*100);    }    else    {      cur=parseInt(getStyle(obj, attr));    }        var speed=(iTarget-cur)/6;    speed=speed>0?Math.ceil(speed):Math.floor(speed);        if(cur==iTarget)    {      clearInterval(obj.timer);            if(fnEnd)fnEnd();    }    else    {      if(attr=='opacity')      {        obj.style.filter='alpha(opacity:'+(cur+speed)+')';        obj.style.opacity=(cur+speed)/100;      }      else      {        obj.style[attr]=cur+speed+'px';      }    }  }, 30);}

完整版:

function getStyle(obj, name){  if(obj.currentStyle)  {    return obj.currentStyle[name];  }  else  {    return getComputedStyle(obj, false)[name];  }}//startMove(oDiv, {width: 400, height: 400})function startMove(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);}