ubiquitour.com

Cómo cambiar el Cursor en Rollover

Cómo cambiar el Cursor en Rollover

Eventos de rollover ocurren cada vez que el usuario desplaza un ratón sobre los elementos de página HTML. Puede utilizar estos disparadores para cambiar el cursor del ratón. El cursor del ratón cambia automáticamente cuando pasa por encima algunos elementos como un enlace. El ratón cambia a una mano cuando pasa sobre un hipervínculo en la página. Puede emular este comportamiento y cambiar el cursor del ratón cuando el usuario se desplaza sobre un imagen, párrafo, sección div o una tabla. El comportamiento se cambia utilizando el lenguaje Javascript.

Instrucciones

1 Abra su archivo HTML y desplácese hasta la ubicación del elemento donde desee evento rollover para ejecutar. Un editor de texto simple puede utilizarse para crear eventos de rollover Javascript.

2 Agregar el evento "onMouseOver" a un elemento. En este ejemplo, el cursor se cambia cuando el usuario se desplaza sobre un elemento de párrafo. El código siguiente agrega la propiedad de evento a la etiqueta HTML:< p onMouseOver = "" > mi prueba < /p >

3 Añadir el código Javascript que cambia el cursor del ratón. En este ejemplo, el cursor del ratón se cambia a un icono de la Cruz. El código siguiente cambia el cursor del ratón:< p onMouseOver="document.body.style.cursor='crosshair' «> mi prueba < /p >

4 Guarde el archivo y abrirlo en su navegador. Coloca el ratón sobre el texto de párrafo. El cursor del ratón cambia de la flecha a un icono de la Cruz.