move.js（运动函数封装）

调用：startMove(obj,json,endFn);

参数说明：

obj:要运动的元素（必写）

json:是对象格式，对应为元素的属性和值（必写）

endFn:回调函数（可有可无）

例子：

document.onclick = function(){
  startMove(oDiv,{width:200,height:300});
}

move.js代码

function startMove(obj,json,endFn){
  
    clearInterval(obj.timer);
    
    obj.timer = setInterval(function(){
      
      var bBtn = true;
      
      for(var attr in json){
        
        var iCur = 0;
      
        if(attr == 'opacity'){
          if(Math.round(parseFloat(getStyle(obj,attr))*100)==0){
          iCur = Math.round(parseFloat(getStyle(obj,attr))*100);
          
          }
          else{
            iCur = Math.round(parseFloat(getStyle(obj,attr))*100) || 100;
          } 
        }
        else{
          iCur = parseInt(getStyle(obj,attr)) || 0;
        }
        
        var iSpeed = (json[attr] - iCur)/20;
      iSpeed = iSpeed >0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
        if(iCur!=json[attr]){
          bBtn = false;
        }
        
        if(attr == 'opacity'){
          obj.style.filter = 'alpha(opacity=' +(iCur + iSpeed)+ ')';
          obj.style.opacity = (iCur + iSpeed)/100;
          
        }
        else{
          obj.style[attr] = iCur + iSpeed + 'px';
        }
        
        
      }
      
      if(bBtn){
        clearInterval(obj.timer);
        
        if(endFn){
          endFn.call(obj);
        }
      }
      
    },30);
  
  }
  
  
  function getStyle(obj,attr){
    if(obj.currentStyle){
      return obj.currentStyle[attr];
    }
    else{
      return getComputedStyle(obj,false)[attr];
    }
  }