Tecnología

Inicio

Cómo cambiar el color del botón Onmouseover

December 1

Cuando se utiliza el código onmouseover en el documento Web, debe asegurarse de que hay un código insertado en tanto la sección <head>, así como la sección <body> de su documento. El código que se coloca dentro de la sección <head> del documento es el código JavaScript que permite que el color cambie cuando moused terminado. El código HTML de la sección <body> conecta lo que está en el documento a las acciones de contenidos descritos en el código JavaScript.

Instrucciones

1 Ingrese a su servidor Web y abra la página HTML en la que desea cambiar el color del botón onmouseover.

2 Haga clic en la sección <head> de la página e insertar este código:

<Style> .color2 {font-weight: bold; background-color: 63639c} // -> </ style>
<Script> <cambio de función (color) {
var el = event.srcElement si (el.tagName == == && el.type "botón" "Entrada")
event.srcElement.style.backgroundColor = Color} function jumpto2 (URL) {window.location URL =
} // -> </ Script>

3 Reemplazar "63639c" con el color que desea que el botón sea inicialmente.

4 Haga clic en la sección <body> de la página donde desea que los botones aparezcan e insertar este código:

<Formar onMouseover = "cambio (" amarillo ")"
onmouseout = "cambio ( '63639c')"> <input type = "button"
value = "Alojamiento" class = "color2" onclick = "jumpto2 ( 'hosting.html')">
<Type = valor de entrada "botón" = "Tubos PSP" class = "color2"
onclick = "jumpto2 ( 'tubes.html')"> <input type = "button"
= valor de clase "Javascripts" = "color2" onclick = "jumpto2 ( 'easyhtml.html')">
</ Form>

5 Reemplazar "amarilla" con el nombre del color que usted quiere hacer el botón del ratón sobre. Reemplazar "63639c" con el código exacto para el color del botón es inicialmente.

6 Publicar la página.