Hvordan bruke onmouseover sette Class

Hvordan bruke onmouseover sette Class


HTML gir "onmouseover" egenskap, som lar webdesignere og programmerere til å endre nettsteder basert på om brukerens markøren har krysset en viss terskel. Når markøren forlater det angitte området, er endringen tilbakestilt. Onmouseover er ofte brukt for å skape visuelle effekter og endre farger, men kan også brukes til å sette en ny klasse.

Bruksanvisning

Bruksanvisning

1 Etablere den første klassen med koden: <td class = "classname"

Bytt classname med ønsket klassenavnet.

2 Definer onmouseover klassen som skal brukes på følgende måte:

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

Legg merke til de enkle og deretter doble anførselstegn etter className_over.

3 Ferdig samtalen ved å definere onmouseout hendelsen slik:

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

Dette er ikke nødvendig i alle nettlesere, men vil sørge for klasse vender tilbake når musen forlater det angitte området.

Hint

  • Ha det gøy å eksperimentere med kraften av onmouseover å endre nettstedets utseende.