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

Compartir:
  • Facebook
  • Twitter
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • BarraPunto
  • Bitacoras.com
  • Netvibes
  • MySpace
  • Technorati
  • email
  • PDF

Ningun post realacionado

Deja un comentario

You must be logged in to post a comment.