title: Dynamically changing cursor/setting cur files
body: <p>How can I dynamically change the style of cursors on my div using JS or CSS?
  Because I have multiple situations...
  I've tried the code below: </p>
  
  <pre><code>    div.addEventListener("mouseover", function(evt) {
          if (tool == "BC"){
            div.style.cursor = "url(/icons/bc.cur)";
          }
          if (tool == "pan"){
            div.style.cursor = "url(/icons/pan.cur)";
          }
  
      }
  </code></pre>