js运动框架

        //获取非行间样式
        function getStyle(obj,attr){
             if(obj.currentStyle){
                   return obj.currentStyle[attr]
             }
             else{
                   return getComputedStyle(obj,false)[attr]
             }
        }

        //startMove运动函数 fn为链式运动
        function startMove(obj,attr,target,fn){

                clearInterval(obj.timer)
                obj.timer=setInterval(function(){
                       var getCur=0
                       if(attr==‘opacity‘){        //兼容透明度
                          getCur=Math.round(parseFloat(getStyle(obj,attr))*100)
                       }
                       else{
                             getCur=parseInt(getStyle(obj,attr))
                       }
                       var speed=(target-getCur)/8 //缓动运动
                       speed=speed>0?Math.ceil(speed):Math.floor(speed)
                       if(getCur==target){
                               clearInterval(obj.timer)
                                if(fn){
                                     fn.call(obj)      //回调函数作用域指向obj
                                }
                       }else{
                               if(attr==‘opacity‘){
                                   obj.style.filter=‘alpha(opacity:‘+(getCur+speed)+‘)‘
                                   obj.style.opacity=(getCur+speed)/100
                               }else{
                                   obj.style[attr]=getCur+speed+‘px‘
                               }
                       }
                },30)
        }

        //获取非行间样式
        function getStyle(obj,attr){
             if(obj.currentStyle){
                  return obj.currentStyle[attr]
             }
             else{
                  return getComputedStyle(obj,false)[attr]
             }
        }

        //startMove运动函数 fn为链式运动  json for in 循环
        function startMove(obj,json,fn){
                clearInterval(obj.timer)
                obj.timer=setInterval(function(){
                    var flag=true                  //设置一个标签
                    for(var attr in json){
                       var getCur=0
                       if(attr==‘opacity‘){        //兼容透明度
                          getCur=Math.round(parseFloat(getStyle(obj,attr))*100)
                       }
                       else{
                             getCur=parseInt(getStyle(obj,attr))
                       }
                       var speed=(json[attr]-getCur)/8 //缓动运动
                        speed=speed>0?Math.ceil(speed):Math.floor(speed)

                       if(getCur!=json[attr]){     //判断标签  要的是最后的值
                               flag=false
                       }
                            if(attr==‘opacity‘){
                                 obj.style.filter=‘alpha(opacity:‘+(getCur+speed)+‘)‘
                                 obj.style.opacity=(getCur+speed)/100
                            }else{
                                 obj.style[attr]=getCur+speed+‘px‘
                            }
                  }
                 if(flag){                       //判断标签   设置在for in外面意思是for in到全部的attr才执行接下操作        
                           clearInterval(obj.timer)
                          if(fn){
                               fn.call(obj)      //回调函数作用域指向obj
                          }
                       }
                },30)
        }