Se puede animar texto, imágenes y botones en su página web con el evento MouseOver. Se le permite manipular el código HTML en base a las acciones del usuario. Al mover el ratón trabaja mano a mano con el evento mouseOut. Al mover el ratón funciona cuando el puntero del ratón pasa por encima de un objeto, mientras que mouseOut funciona cuando el objeto ya no está seleccionado. Se puede utilizar al mover el ratón para cambiar el texto y el color de los botones con unas pocas líneas de JavaScript.
Instrucciones
1 Iniciar un editor de texto, como el Bloc de notas, TextPad o EditPad. Seleccione "Archivo" y "Abrir" en el menú y haga doble clic en el archivo HTML que desea modificar.
2 Desplazarse a la etiqueta <BODY> de su archivo, en el que el botón va.
3 Inserte el código siguiente para cambiar el texto del botón con el ratón:
<Input type = valor "botón" = "Haga clic para cambiar Me" onmouseover = "this.value = 'On'" onmouseout = "This.Value =" off "" />
4 Reemplazar "Haga clic para cambiar Me" con el texto original, para representar ante el MouseOver. Reemplazar "On" con el texto que se muestra cuando pase el cursor sobre el botón. Reemplazar "Off" con el texto que se muestra cuando el ratón se desplaza fuera del botón.
5 Inserte el código siguiente para cambiar el color del botón con el ratón. El color original de la tecla es de color rojo.
<Input type = "button" value = "cambio de color" style = "background-color: red;"
onmouseover = "this.style.backgroundColor =" azul ""
onmouseout = "this.style.backgroundColor = 'amarilla'" />
6 Reemplazar "rojo" con el color original del botón antes de que al mover el ratón. Reemplazar "azul" con el color que aparece cuando se pase el cursor sobre el botón. Reemplazar "amarilla" con el color que se muestra cuando el ratón se desplaza fuera del botón.