Cómo hacer un efecto de cursor

Cursor efectos le permiten cambiar el icono del cursor cuando un usuario pasa el puntero del ratón sobre un elemento Web. También puede utilizar efectos de cursor para indicar al usuario que esperar después de hacer clic en un elemento Web. efectos de cursor permiten enviar información al usuario. JavaScript y CSS le permite crear efectos de cursor en sus páginas Web. Puede utilizar los iconos de cursor predefinidos incluidos en el ordenador de cada usuario.

Instrucciones

1 Haga clic en el archivo HTML en el que desea establecer los efectos de cursor y seleccionar "Abrir con". Haga clic en su editor HTML para cargar el código.

2 Crear una nueva clase CSS. Agregue el siguiente código dentro de la sección "cabeza" del código HTML:

<Script type = "text / css">
.wait {cursor: espere}
</ Script>

Este código configura una clase CSS para cambiar el cursor hasta el icono de "espera", que es el reloj de arena.

3 Vincular la nueva clase CSS a su elemento Web. Por ejemplo, el código siguiente enlaza la nueva clase CSS a un botón:

<Input type = "button" value = "Haga clic en Enviar" onclick = "this.className = 'espera';">

4 Guarde los cambios y abrir el archivo HTML en un navegador Web. Haga clic en el botón creado en el paso 3 para ver el efecto del cursor.