Cambiar puntero de Mouse con JavaScript

La forma más fácil de cambiar el tipo de cursor es agregar una propiedad style = "cursor: tipo de cursor" dentro de la etiqueta HTML a la cual le desea cambiar el cursor, puede ser en una imagen como <img style = "cursor: crosshair"> u otras etiquetas como <td>, <input>, <div>, etc... , En las siguientes 2 tablas estan los tipos de cursores que puedes usar:

Pruébalo:

auto	crosshair	default	pointer
help	move	text	wait

nw-resize	n-resize	ne-resize
w-resize	hand	e-resize
sw-resize	s-resize	se-resize

Código:


<table border="1" cellpadding="5" cellspacing="1"><tr>
    <td><p style="cursor: auto"     >auto</p></td>
    <td><p style="cursor: crosshair">crosshair</p></td>
    <td><p style="cursor: default"  >default</p></td>
    <td><p style="cursor: pointer"  >pointer</p></td>
  </tr><tr>
    <td><p style="cursor: help"     >help</p></td>
    <td><p style="cursor: move"     >move</p></td>
    <td><p style="cursor: text"     >text</p></td>
    <td><p style="cursor: wait"     >wait</p></td>
</tr></table>
 <br />
 <table border="1" cellpadding="5" cellspacing="1"><tr>
    <td><p style="cursor: nw-resize">nw-resize</p></td>
    <td><p style="cursor: n-resize" >n-resize</p></td>
    <td><p style="cursor: ne-resize">ne-resize</p></td>
  </tr><tr>
    <td><p style="cursor: w-resize" >w-resize</p></td>
    <td><p style="cursor: hand"     >hand</p></td>
    <td><p style="cursor: e-resize" >e-resize</p></td>
  </tr><tr>
    <td><p style="cursor: sw-resize">sw-resize</p></td>
    <td><p style="cursor: s-resize" >s-resize</p></td>
    <td><p style="cursor: se-resize">se-resize</p></td>
</tr></table>

Úsalos en tu web para lo que necesites, sirven en todas los navegadores en todas las etiquetas (creo, no los e probado todas).