SOURCE

console 命令行工具 X clear

                    
>
console
window.onload=function() {
	var oDiv=document.getElementsByTagName('div');
	for(var i=0; i<oDiv.length; i++) {
		 oDiv[i].timer=null;
		oDiv[i].onmouseover=function() {
			startMove(this,400);
		}
		oDiv[i].onmouseout=function() {
			startMove(this,100);
		}
	}
}
//var timer=null;//注意var变量针对的是一个值,而不是多个
function startMove(obj,iTarget) {
   clearInterval(obj.timer);
   obj.timer=setInterval(function() {   
   var speed=(iTarget-obj.offsetWidth)/10;
   //我要变换的是哪个div的高度??
   speed=speed>0?Math.ceil(speed):Math.floor(speed);
   if(obj.offsetWidth==iTarget) {
   	clearInterval(obj.timer);
   }
   else
   {
   	obj.style.width=obj.offsetWidth+speed+'px';
   }
   },30);  
}
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
div { width: 100px; height: 50px; background: red; margin: 20px; }