title: How can i create moving element using mouse position, like at http://fieroanimals.com/?
body: <p>I want to create div element with an image inside, and change it position with coordinates from mouse position. There is a few jquery-pluings for creating 3d effect, but i need only move on X and Y coordinates. Also, do that in limit of div element.   </p>
  
  <p>I got next code:</p>
  
  <pre><code>$('div.images').mousemove(function(e){
          var x = e.pageX - this.offsetLeft;
          var y = e.pageY - this.offsetTop;
          $('div.images').css({'top': x,'left': y}); 
      });
  </code></pre>
  
  <p>In CSS div.images have <em>absolute position</em>. When i move my mouse is not changing position, but when I delete position in CSS it's apply changes to the style of element, but no change position.</p>
  
  <p>Giv me some advise what I need to do. </p>
  
  <p>At <a href="http://fieroanimals.com/" rel="nofollow">http://fieroanimals.com/</a> that realised on Flash, but I want do that on JQuery.</p>