Quando il mouse viene posizionato su un'area di una pagina Web e lo cambia in qualche modo, viene applicato un effetto mouseover. Il cambiamento potrebbe includere qualsiasi cosa, da un'alterazione del colore di sfondo/primo piano ad una modifica di dimensione. Un effetto mouseover colore funziona meglio quando si specifica il colore prima e dopo è applicato l'effetto. È possibile applicare effetti di mouseover a tag TD (un tag HTML che viene utilizzato per creare le colonne della tabella) con JavaScript.

Istruzioni

1

Aprire il file HTML che si desidera modificare in un editor di testo come blocco note, WordPad o TextPad.

2

Andare al tag TD che si desidera colorare durante un passaggio del mouse. Il codice può essere simile a:

Contenuto della colonna < td > Vai qui < /td >

3

Inserire il seguente codice HTML per applicare l'effetto mouseover:

< td bgcolor = "giallo" onMouseOver="this.bgColor='red'" onMouseOut="this.bgColor='yellow'" > colonna contenuto Vai qui < /td >

4

Sostituire il primo "giallo" con il colore della colonna prima che l'effetto mouseover. Sostituire "rosso" con il colore durante il passaggio del mouse. Sostituire il secondo "giallo" per "onMouseOut" con colore della colonna dopo il passaggio del mouse.