Come utilizzare onmouseover per impostare Class

January 5

Come utilizzare onmouseover per impostare Class


HTML fornisce la "onmouseover" attributo, che consente web designer e programmatori di modificare i siti web a seconda che il cursore dell'utente ha superato una certa soglia. Quando il cursore si lascia l'area designata, la modifica viene ripristinato. OnMouseOver viene spesso utilizzato per creare effetti visivi e cambiare i colori, ma può anche essere utilizzato per impostare una nuova classe.

istruzione

istruzione

1 Stabilire la classe iniziale con il codice: <td class = "className"

Sostituire className con il nome della classe desiderata.

2 Definire la classe onmouseover per essere utilizzato come segue:

<Td class = "className" onmouseover = "" className_Over 'this.className = "

Si notino le virgolette singole e doppie poi dopo className_over.

3 Finalizzare la chiamata definendo l'evento onmouseout come segue:

<Td class = "className" onmouseover = "this.className = 'className_Over'" onmouseout = "this.className = 'className'">

Questo non è necessario in tutti i browser, ma garantirà i ripristini di classe quando il mouse lascia l'area designata.

Consigli e avvertenze

  • Buon divertimento a sperimentare con la potenza di onmouseover di modificare aspetto del tuo sito web.