title: changing cursor style using javascript
body: <p>I am working on a browser game where I am using custom cursors.
  I am setting up the custom cursor for the entire page in my CSS
  (for some reason if I set it up for the 'body' sometimes it changes back to default cursor at some area)</p>
  
  <pre><code>html {
    cursor: url("http://www.iwansfactory.com/tycoon/defaultcursor.png"), default;
  }
  </code></pre>
  
  <p>I would like to overwrite the url property of the above CSS using javascript</p>
  
  <p>For example when the user is moving the map I would like to use this custom cursor:</p>
  
  <pre><code>http://www.iwansfactory.com/tycoon/movecursor.png
  </code></pre>
  
  <p>How can I change this value using javascript?
  Thanks in advance! :)</p>