<script type="text/javascript">

window.onload=function(){

var aLi=document.getElementsByTagName('li');

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

aLi[i].onmouseover=function(){

startMove(this,400);

}

aLi[i].onmouseout=function(){

startMove(this,200);

}

}

}

var timer=null;

function startMove(obj,iTarget){

clearInterval(timer);

timer=setInterval(function(){

var speed=(iTarget-obj.offsetWidth)/8;

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

if(obj.offsetWidth == iTarget){

clearInterval(timer);

}else{

obj.offsetWidth=obj.offsetWidth+speed+'px';

}

},30)

}

</script>