Hola a todos,
¿Alguien sabría decirme como puedo asignar un fichero .cur al cursor de mi página cuando está en el estado wait..?
Hasta ahora he podido modificar la imagen del cursor en el estado normal y cuando se sitúa sobre algún enlace... Pero cuando pulso un enlace o cuando el navegador está cargando algo (una página, una imagen, etc..) el cursor toma la forma de la flecha blanca y el reloj de arena predefinidos...
Me gustaría que en este estado (wait, busy).. el cursor adoptara la forma de una imagen personalizada..
Ludovico2000 me dijo que los cursores los podía definir mediante el siguiente código:
<html>
<title>Cambiar el cursor</title>
<head>
</head>
<body>
<p style="cursor: default">Cursor default</p>
<p style="cursor: crosshair">Cursor crosshair</p>
<p style="cursor: pointer">Cursor pointer</p>
<p style="cursor: move">Cursor move</p>
<p style="cursor: nw-resize">Cursor nw-resize</p>
<p style="cursor: ne-resize">Cursor ne-resize</p>
<p style="cursor: n-resize">Cursor n-resize</p>
<p style="cursor: e-resize">Cursor e-resize</p>
<p style="cursor: help">Cursor move</p>
<p style="cursor: text">Cursor text</p>
<p style="cursor: wait">Cursor wait</p>
</body>
</html>
Pero que los eventos debía programarlos con javascript y no sé como hacerlo..
En mi aplicación tengo un archivo css donde he aplicado el código:
body { cursor: url(../Cursores/micursor.cur); }
para el modo normal
y:
A:hover {cursor: url('../Cursores/flecha1.cur'), default }
para cuando el cursor se sitúa sobre un link..
Me gusta utilizar el código en la hoja de estilos porque todas las páginas lo utilizan y sólo tengo que escribirlo una vez..
¿Alguien puede explicarme como aplicar una imagen al estado WAIT?
Parece que sólo se puede hacer con javascript... y ¿podría introducir el código en el css?
Gracias y un saludo.
