Nwlapcug.com


Come cambiare il colore del pulsante OnMouseOver

Quando si utilizza il codice onmouseover nel documento Web, è necessario assicurarsi che non c'è codice inserito sia nella sezione < head > nonché la sezione < body > del documento. Il codice che si inserisce nella sezione < head > del documento corrisponde al codice JavaScript che permette il colore da modificare quando si passa il mouse sopra. Il codice HTML nella sezione < body > collega che cosa è nel documento per le azioni di contenuto descritto in JavaScript.

Istruzioni

1

Accedere al server Web e aprire la pagina HTML in cui si desidera modificare il colore del pulsante onmouseover.

2

Fare clic nella sezione < head > della pagina e inserire questo codice:

< style > .color2 {font-weight: bold; background-color: 63639 c} / / --> < / stile >
< script >< function change(color) {
var el=event.srcElement se (el.tagName=="INPUT" & & el.type=="button")
jumpto2(URL) funzione di event.srcElement.style.backgroundColor=color} {window.location=URL
} / / --> < / script >

3

Sostituire "63639c" con il colore che si desidera che il pulsante sia inizialmente.

4

Fare clic nella sezione < body > della pagina dove si desidera che i pulsanti vengono visualizzati e inserire questo codice:

< formano onMouseover="change('yellow')"
onMouseout="change('63639c')" >< input type = "button"
valore = "Hosting" class = "color2" onClick="jumpto2('hosting.html')" >
< tipo input = "pulsante" value = "PSP Tubes" class = "color2"
onClick="jumpto2('tubes.html')" >< input type = "button"
valore = "JavaScript" class = "color2" onClick="jumpto2('easyhtml.html')" >
< / form >

5

Sostituire "giallo" con il nome del colore che si desidera rendere il pulsante mouse. Sostituire "63639c" con il codice esatto per il colore che del pulsante è inizialmente.

6

Pubblicare la pagina.