ubiquitour.com

HTML onMouseOver para cambiar texto

Texto HTML dinámico en las páginas Web a menudo se logra mediante la incorporación de código JavaScript. Elementos HTML proporcionan parámetros de eventos tales como onClick y onKeyPress onmouseover. Estos parámetros aceptan una función JavaScript como un valor. Cambiar el texto de tus páginas Web cuando el usuario mueve el cursor sobre él incluyendo el parámetro onmouseover en la etiqueta de definición de su texto.

Instrucciones

1 Abra el documento que contiene el texto que desea cambiar.

2 Escriba una etiqueta Span alrededor de la porción de texto cambiante:

< p > quiero < span > cambiar este texto < /span > en mouseover. < /p >

3 Tipo de la codificación de onmouseover con una función que definirá:

< p > quiero < span onmouseover="changeText(this)" > cambiar este texto < /span > en mouseover. < /p >

El valor de la función "esto" enviará el objeto de la etiqueta a la función.

4 Cree la función JavaScript que cambia el texto y colocar por encima la etiqueta "< / cabeza >". No es absolutamente necesario colocar dentro de las etiquetas "< head >", 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 datos dentro de un elemento, en este caso el texto de la etiqueta Span.

5 Guardar el documento y prueba en un navegador Web. Los cambios de parte de texto a mayúsculas cuando el ratón se mueve sobre él.