var oDiv=document.getElementById("div1");

oDiv.onmouseover=function(){

startMove(0);

}

oDiv.onmouseout=function(){

startMove(-200);

}

var timer=null;

function startMove(target){

var speed=0;

if(oDiv.offsetLeft<target){

speed=Math.ceil((target-oDiv.offsetLeft)/3);

}else{

speed=Math.floor((target-oDiv.offsetLeft)/5);

}

clearInterval(timer);

timer=setInterval(function(){

if(oDiv.offsetLeft==target){

clearInterval(timer);

}else{

oDiv.style.left=oDiv.offsetLeft+speed+"px";

}

},100)

}