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; }