title: Custom large mouse cursor with javascript
body: <p>I want to create custom cursor image, but it is limited to 32x32, while I need about 300x300 image. So it seems that I need to hide cursor <code>cursor: none</code> and create custom large div or image, that will be moving with invisible mouse.</p>
  <p>The simplest implementation could be:</p>
  <pre><code>$(document).on('mousemove', function(e){
       $('#custom-cursor').css({
            left:  e.pageX,
            top:   e.pageY
       });
  });
  </code></pre>
  <p>but I have some problems:</p>
  <ol>
  <li>Performance (how should I implement moving div not with left-top properties)</li>
  <li>Text selection <a href="http://jsfiddle.net/2ZcSc/" rel="nofollow noreferrer">jsfiddle</a> cannot select text properly</li>
  </ol>
  <p>Can anyone help me with this?</p>