Tecnología

Inicio

Cómo cambiar las fuentes en ONMOUSEOVER

Cómo cambiar las fuentes en ONMOUSEOVER


El evento "onMouseOver" se dispara siempre que un usuario pasa el ratón sobre un elemento de la página web. Usted puede utilizar el evento onMouseOver para cambiar el estilo de letra en su página web. Esto es beneficioso cuando se quiere hacer una parte en particular de la página se destacan cuando el usuario se desplaza sobre un elemento, como un "div" o un enlace. JavaScript se utiliza para cambiar los estilos de las páginas web de forma dinámica en el navegador del usuario.

Instrucciones

1 Abre el archivo HTML en cualquier editor de texto sin formato. Se puede usar un simple editor como Bloc de notas, o utilizar los editores más avanzados, tales como Notepad ++ o Visual Studio. Estos editores de código de color de los cambios.

2 Desplázate hasta la sección del archivo que contiene el elemento en el cual se implementa la función onMouseOver.

3 Añadir el evento onMouseOver a la propiedad del elemento. En este ejemplo, el onMouseOver incluso se añade a un hipervínculo. El siguiente código añade el evento a un enlace:
<a href="mydomain.com" onMouseOver=""> Haga clic aquí </a>

4 Agregue el código que cambia la fuente cuando el usuario pasa el ratón sobre el enlace. El código siguiente cambia el color de la fuente cuando el usuario se desplaza:
<A href = "mydomain.com" onMouseOver = "javascript: document.all.myText.style.fontColor
= "Rojo" "> Haga clic aquí </a>
El código cambia el texto a rojo. Cualquier estilo de fuente se puede aplicar el uso de este código.

Consejos y advertencias

  • Utilizar el mismo código de evento onMouseOver para cualquier otro elemento HTML que incluyen "div", "mesa" y "etiquetas" p.

Artículos relacionados