<script type="text/javascript">
   window.onload=function() {
       var oLi = document.getElementsByTagName('li');
       for (var i = 0; i < oLi.length; i++) {
       oLi[i].timer=null;
       oLi[i].onmousemove = function () {
           startMove(This, 600);
       }
       oLi[i].onmouseout = function () {
           startMove(This, 300)
       }
   }
//var timer=null;
       function startMove(obj,iTarget) {
           clearInterval(obj.timer);
           obj.timer=setInterval(function () {
               var speed=(iTarget-obj.offsetWidth)/8;
              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)
       }
   }
</script>