Nwlapcug.com


Come cambiare il colore della cella al passaggio del mouse

Se si sviluppa un sito Web e si desidera includere una tabella per visualizzare informazioni, ad esempio un calendario, pianificazione o altro grafico, può aiutare i visitatori se si aggiunge un colore di sfondo di mouseover specifici a una o più celle. In questo modo, la cella viene evidenziata quando l'utente sposta il mouse suo sopra il fuoco contenuto e guida la sua attenzione sul contenuto di tale cella specifica. Quando mouse del visitatore lascia la cella, il colore di sfondo può ripristinare l'impostazione predefinita.

Istruzioni

1

Avviare un editor di HTML come CoffeeCup Free HTML Editor o blocco note sul tuo computer.

2

Aprire il menu "File" e selezionare "Apri" per individuare la pagina Web che contiene la cella con il quale si desidera lavorare.

3

Scorrere verso il basso fino a trovare la cella specifica che si desidera modificare. Lo fanno sembrare qualcosa di simile:

Contenuto per cella della < td > < /td >

4

Aggiungere il codice di mouseover nell'apertura tag TD per specificare i colori mouseover e mouseout:

< td onmouseover="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor='#fff'" > contenuto qui < /td

5

Modificare "blu" al nome di colore o al codice esadecimale (ad esempio "#0000FF" è regolare blu) del colore che si desidera venga visualizzato al passaggio del mouse. Modificare "bianco" il colore che si desidera lo sfondo per tornare quando l'utente sposta il mouse lontano il contenuto.

6

Aprire il menu "File" e selezionare "Salva" quando finito con la pagina.

Consigli & Avvertenze

  • È possibile impostare il colore onmouseover sullo stesso colore come la pagina Web o sfondo della tabella.