title: Eyes follow mouse cursor Mootools -> JQuery
body: <p>I was looking for some code to help me make eyes on a page follow the cursor, there are a few examples around but this one caught my eye: <a href="https://github.com/Goutte/Eye" rel="nofollow">https://github.com/Goutte/Eye</a> mainly because it requires so little code. </p>
  
  <p>It uses mootools which I have never looked at before, is it possible to convert this to use jQuery or can someone explain exactly how this is working with so little javascript? What functions does mootools have built in that allows this to be so simple?</p>
  
  <p>JsFiddle:
  <a href="http://jsfiddle.net/B2Nza/46/" rel="nofollow">http://jsfiddle.net/B2Nza/46/</a></p>
  
  <pre><code>var options2 = {
    socketRadius: 2, // radius of the circle in which the eye's pupil can move
    bindTouchMove: true,
  }
  
  var leftEye2  = new Eye ('left_eye2', options2);
  var rightEye2 = new Eye ('right_eye2', options2);
  
  var fly2 = new Eye ('fly2', {
      socketRadius: 17,
      behavior: 'follow',
      stickToSocket: true
  });
  </code></pre>