封装js运动函数

// JS封装函数

function getstyle（obj，name）{

if（obj.currentStyle）{
return obj.currentStyle [name];
//即浏览器获取非行间样式的值
} else {
return getComputedStyle（obj，false）[name];
//非即浏览器获取非行间样式的值
}
}


// var timer1 = null;
function move（obj，json，fn）{
// var oOne = document.getElementById（'one'）;


clearInterval（obj.timer）;
obj.timer = setInterval（function（）{
var stop = true;
for（var i in json）{// i为json里面的属性名称，json [i]表示json里面属性名称对应的值;
// var at = parseInt（getstyle（obj，att））;
var at = 0;
if（i =='opacity'）{
at = Math.round（parseFloat（getstyle（obj，i））* 100）;
} else {
at = parseInt（getstyle（obj，i））;
}


var speed =（json [i] - at）/ 10;
速度> 0？速度= Math.ceil（速度）：速度= Math.floor（速度）;


if（at！= json [i]）{
stop = false;
}


//obj.style [att] = at+speed +'px';
if（i =='opacity'）{
obj.style.opacity =（at + speed）/ 100;
obj.style.filter ='alpha（不透明度：'+（at + speed）+'）';
document.getElementById（'tex'）。value = obj.style.opacity;
} else {
obj.style [i] = at + speed +'px';
}


}
如果（停止）{
clearInterval（obj.timer）;
if（fn）{
fn（）
}
}
}，30）;

}

// HTML部分

1. 
   1
   


2. 
   2
   


3. 
   3
   


4. 
   4
   


5. 
   5
   

• 
  
  


• 
  
  


• 
  
  


• 
  
  


•