how to animate following the mouse in jquery

Question

OK, this works perfectly fine for following my mouse.

//
$(document).mousemove(function(e){
  $(\"#follower\").css({
      \'top\': e.pageY + \'px\';
      \         


        

Answer 1

How about using setInterval and an equation called zeno's paradox:

http://jsfiddle.net/88526/1/

That's the way I usually do it.

As requested, I've included the code in this answer. Given a div with absolute positioning:

CSS:

#follower{
  position : absolute;
  background-color : red;
  color : white;
  padding : 10px;
}

HTML:

Move your mouse

JS w/jQuery:

var mouseX = 0, mouseY = 0;
$(document).mousemove(function(e){
   mouseX = e.pageX;
   mouseY = e.pageY; 
});

// cache the selector
var follower = $("#follower");
var xp = 0, yp = 0;
var loop = setInterval(function(){
    // change 12 to alter damping, higher is slower
    xp += (mouseX - xp) / 12;
    yp += (mouseY - yp) / 12;
    follower.css({left:xp, top:yp});

}, 30);