<script type="text/javascript">

window.onload=function(){

aLi=document.getElementsByTagName('li');

for(var i=0,leg=aLi.length;i<leg;i++){

aLi[i].timer=null;

aLi[i].onmouseover=function(){

startMove(this,800);

}

aLi[i].onmouseout=function(){

startMove(this,200);

}

}

}

function startMove(obj,oTarget){

clearInterval(obj.timer);

obj.timer=setInterval(function(){

var speed=(oTarget-obj.offsetWidth)/3;

speed=speed>0?Math.ceil(speed):Math.floor(speed);

if(oTarget==obj.offsetWidth){

clearInterval(obj.timer);

}else{

obj.style.width=obj.offsetWidth+speed+'px';//为什么这里不能用obj.style.width? 这两个属性有什么区别？

}

},30)

}

</script>