Hvordan endre onmouseover Button Color

Når du bruker onmouseover kode i nett dokumentet, må du sørge for at det er kode settes inn både <head> delen samt <body> -delen av dokumentet. Koden som du plasserer i <head> -delen av dokumentet er Javascript-kode som gjør at fargen til å endre seg når moused over. HTML-kode i <body> -delen kobler hva som er i dokumentet til innholdet handlingene beskrevet i Javascript.

Bruksanvisning

1 Logg inn på din webserver og åpne HTML-side der du ønsker å endre onmouseover knappen farge.

2 Klikk i <head> delen av siden og sette inn denne koden:

<Style> .color2 {font-weight: bold; background-color: 63639c} // -> </ style>
<Script> <funksjonsendring (farge) {
Var el = event.srcElement if (el.tagName == "INNGANG" && el.type == "knapp")
event.srcElement.style.backgroundColor = farge} funksjon jumpto2 (URL) {window.location = URL
} // -> </ Script>

3 Erstatt "63639c" med den fargen du vil at knappen skal være utgangspunktet.

4 Klikk i <body> -delen av siden der du vil at knappene skal vises, og sette inn denne koden:

<Danne onmouseover = "endring (" gule ")"
onmouseout = "endring ( '63639c')"> <input type = "button"
value = "Hosting" class = "COLOR2" onclick = "jumpto2 ( 'hosting.html')">
<Input type = "button" value = "PSP Tubes" class = "COLOR2"
onclick = "jumpto2 ( 'tubes.html')"> <input type = "button"
value = "Javascripts" class = "COLOR2" onclick = "jumpto2 ( 'easyhtml.html')">
</ Form>

5 Erstatt "gul" med navnet på den fargen du ønsker å gjøre knappen på musen over. Erstatt "63639c" med den nøyaktige koden for fargen på knappen er i utgangspunktet.

6 Publiser siden.