objet qui suit le souris

bonjour g trouver ce code ici :
var x = 0;
var y = 0;

posX = 0;
posY = 0;

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3).toLowerCase() == "net")
      {
   document.captureEvents(Event.MOUSEMOVE);
   }
   document.onmousemove = posSouris;
 }

function posSouris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
document.getElementById("im1").style.top=y;
   document.getElementById("im1").style.left=x;

   }
il marche impec avec mon <div> mais g voulu le modifier pour qu'il suive la souris petit a petit en faisant ca:
var x = 0;
var y = 0;

posX = 0;
posY = 0;

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3).toLowerCase() == "net")
      {
   document.captureEvents(Event.MOUSEMOVE);
   }
   document.onmousemove = posSouris;
 }

function posSouris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   if (document.getElementById("im1").style.top < x)
   {
   document.getElementById("im1").style.left = document.getElementById("im1").style.left + 1;
   }
if (document.getElementById("im1").style.top > x)
   {
   document.getElementById("im1").style.left = document.getElementById("im1").style.left - 1;
   }
   }
mais ca marche pas !
help me plz!