title: jQuery: Follow cursor with delay
body: <p>I want a div to follow the cursor-movement with a short delay like this: <a href="http://vanderlanth.io/" rel="nofollow noreferrer">http://vanderlanth.io/</a></p>
  
  <p>As you can see, the 'follower' has a short delay in the animation.</p>
  
  <p>I've rebuild some function which is not working very well:</p>
  
  <pre><code>$(document).ready(function () {
  
      $("body").mousemove(function (e) {
          handleMouseMove(e);
      });
  
      function handleMouseMove(event) {
  
          var x = event.pageX;
          var y = event.pageY;
  
          $(".cursor-follower").animate({
              left: (x - 16),
              top: (y - 16)
          }, 16);
  
          $(".cursor").css({
              left: (x - 4),
              top: (y - 4)
          });
      }
  });
  </code></pre>
  
  <p>It's quite lagging and the animation is not very smooth and ease. Do you have another solution?</p>