Come evidenziare una tabella HTML barra del titolo

September 16

Alcuni progettisti Web utilizzano tabelle come intestazioni di pagina su pagine HTML. È possibile utilizzare l'evento "onmouseover" per evidenziare l'intestazione della tabella quando l'utente passa il mouse sopra il tavolo. È necessario modificare il colore di sfondo quando il mouse passa sopra il tavolo e cambiare il colore torna al colore originale quando il mouse si allontana dal contenuto della tabella. Gli effetti dinamici sono scritti nel linguaggio JavaScript.

istruzione

1 Fare clic destro sul file HTML e selezionare "Apri con". Fare doppio clic il vostro editor HTML preferito per caricare il codice.

2 Scorrere verso il basso per tag della tabella e il contenuto. Aggiungere il seguente codice per modificare il colore quando si passa il mouse sopra l'intestazione:

onmouseover = "this.bgColor = '# FFFFFF'"

Modificare il codice esadecimale del colore a qualsiasi codice di colore HTML valido. In questo esempio, il colore hover è bianco.

3 Cambiare il colore torna al colore di sfondo originale quando il mouse si allontana dalla testata. Il codice seguente cambia lo sfondo Back to Black:

onmouseout = "this.bgColor = '# 000000'"

Il codice cambia sopra il colore di sfondo Back to Black.

4 Salvare le modifiche e aprire il codice nel browser Web. Passa il mouse sopra la tabella per verificare le modifiche.