-
OnMouseOver HTML para cambiar el texto
-
texto HTML dinámico en páginas Web a menudo se logra mediante la incorporación de codificación de JavaScript. elementos HTML proporcionan parámetros de eventos como onClick, onKeyPress y onmouseover. Estos parámetros aceptan una función de JavaScript como un valor. Cambie el texto en sus páginas Web cuando el usuario mueve el cursor sobre él, incluyendo el parámetro onmouseover en la etiqueta que define el texto.Instrucciones
1 Abra el documento que contiene el texto que desea cambiar.
2 Escriba una etiqueta Span alrededor de la parte del texto que cambia:
<P> Quiero <span> cambiar este texto </ span> al pasar el ratón. </ P>
3 Escriba la codificación onmouseover con una función que se va definir:
<P> Quiero <span onmouseover = "changeText (esto)"> cambiar este texto </ span> al pasar el ratón. </ P>
El valor de la función "este" enviará el objeto etiqueta para la función.
4 Cree la función JavaScript que cambia el texto y colocarlo por encima del extremo "</ head>" etiqueta. No es absolutamente necesario para colocarlo dentro de las "<head>" etiquetas, pero debe estar situado por encima de los datos que llama a la función:
<Script>
función changeText (theTag) {
theTag.innerHTML = "CHANGE THIS TEXT";}
</ Script>
El método innerHTML reconoce los datos dentro de un elemento, en este caso el texto dentro de la etiqueta Span.
5 Guarde el documento y probarlo en un navegador Web. La porción de texto cambia a mayúsculas cuando el ratón se mueve sobre ella.
