Cambiar el cursor con javascript
Hasta ahora siempre había usado reglas css (pointer:cursor; /* por ejemplo */) para modificar el cursor del ratón en proyectos web, modificando mediante javascript las clases de los nodos xHTML para que cogieran el puntero deseado.
Hoy descubro que también se puede hacer directamente desde javascript de manera aún más sencilla, limpia y rápida. Aquí tenéis un ejemplo válido:
document.body.style.cursor = “wait”;
Los parámetros que acepta son exactamente los mismos que en CSS: default, crosshair, e-resize, help, move, n-resize, ne-resize, nw-resize, pointer, progress, s-resize, se-resize, sw-resize, text y w-resize.
Fuente y demo online: electrictoolbox
Posts relacionados:
- Webslide – presentaciones javascript
- Recopilatorio de vídeos javascript
- Graficas con javascript
- Cuidado con parseInt en javascript
- webtips 03: alternativas a sIFR en javascript
