Tecnología

Inicio

Cómo utilizar Onmouseover en JavaScript

February 10

Como parte de Internet de "apuntar y hacer clic" apelación, el evento onMouseOver en JavaScript interactúa con un visitante en base a donde apunta el cursor del ratón. Es una gran manera de mostrar mensajes, entretener a los visitantes, o incluso realizar un seguimiento de los objetos que los visitantes están más interesados. Con un poco de imaginación y el saber hacer, el evento onMouseOver en JavaScript puede ser una herramienta indispensable para su uso.

Instrucciones

Utilice Onmouseover en JavaScript

1 Comprender la función del evento onMouseOver en JavaScript. El evento onMouseOver se ejecuta un comando o conjunto de comandos (también conocido como funciones) cada vez que un visitante de la web señala con el ratón en un enlace especificada en una página HTML. Para que el evento onMouseOver al trabajo, el ratón debe comenzar fuera de la zona del enlace, a continuación, coloca el cursor sobre ella.

2 Decidir qué enlace o enlaces que desea reaccionar a un cursor del mouse.

3 Agregue el código siguiente para los enlaces que desea mostrar un mensaje en la barra de estado del navegador: onMouseOver = "window.status =" Algunos de texto ';! return true "Ejemplo: <A HREF =" http://www.alink.com/ "onMouseOver =" window.status = 'Suéltame!'; return true "> Haga clic en mí </ A>

4 Agregue el código siguiente a los enlaces que desee para que aparezca un cuadro de alerta: onMouseOver = "alert ( 'TEXTO')." El "return true" parte del código en el paso tres no es necesario para un cuadro de alerta. Ejemplo: <a href = "http: // www.alink.com /" onMouseOver = "alert ( 'Haga clic en OK!');"> Haga clic en mí </ A>

5 Estudiar los ejemplos anteriores que demuestran el evento onMouseOver en JavaScript. El primer ejemplo muestra las palabras: "¡Suéltame!" en la barra de estado del navegador y el segundo ejemplo muestra las palabras ", haga clic en OK" en un pequeño cuadro de diálogo (cuadro de alerta).

6 Copiar y pegar los ejemplos anteriores en su propia página web, si usted está nervioso acerca de la codificación de un evento onMouseOver en JavaScript desde cero. A continuación, sustituir los valores del código de ejemplo con el suyo propio.

Consejos y advertencias

  • No se exceda con guiones onMouseOver. No sólo pueden realizar una programación más compleja de lo que debe ser, pueden retrasar los navegadores de sus visitantes.
  • Siempre recuerde que debe revestir el código JavaScript dentro de los correspondientes <script> </ script> etiquetas! El no poder utilizar las etiquetas correctas hará que el script falle.
  • Tenga cuidado de poner a prueba sus archivos JavaScript en diferentes navegadores como Netscape, Firefox e Internet Explorer.