Hvordan Endre Row Color på en mus-over

July 23

Den "onmouseover" event i Javascript effekter Web elementer ved å endre dem når brukeren plasserer musepekeren over den. Denne hendelsen, kombinert med "onmouseout" hendelse, skaper en rollover effekt som kan brukes til å endre stilen på tekst, bilder og til og med tabellceller. For å endre fargen på en tabell rad, må du opprette en klasse for "<tr>" tag, noe som vil påvirke bare raden i tabellen og ikke kolonnene.

Bruksanvisning

1 Åpne en HTML-editor og klikk deretter på "File" og velg "New".

2 Klikk for å plassere musepekeren mellom "<head>" og "</ head>" koder og trykk "Enter" for å opprette en ny linje.

3 Type "<style type =" text / css ">" og trykk "Enter". Type ".normal {background-color: #FFFFFF}" for å lage en klasse med en hvit bakgrunn. Trykk enter." Type ".highlight {background-color: #DADADA}" (bytt ut "#DADADA" med hex fargen verdien av ditt valg) for å lage en klasse som er markert med en annen farge. Trykk enter."

4 Type "</ style>" for å lukke stil kode.

5 Klikk for å plassere markøren mellom "<body>" og "</ body>" tags hvor du ønsker å plassere tabellen. Trykk "Enter" for å opprette en ny linje.

6 Type "<table>" og trykk "Enter". Dette er åpningsbordet tag.

7 Type "<tr onmouseover =" this.className = 'høydepunkt' "onmouseout =" this.className = "normal" "class =" normal ">" for å lage en tabell rad med "onmouseover" og "onmouseout" kommandoer som vil endre rad farge.

8 Type "<td> </ td>" for å lage en celle i raden, og trykk "Enter". Gjenta dette trinnet for å skape flere celler i tabellen rad.

9 Type "</ tr>" for å lukke raden i tabellen.

10 Gjenta trinnene 7, 8 og 9 for å skape flere tabellrader etter behov. Type "</ table>" for å lukke tabellkoder.

11 Klikk på "File" -menyen og skriv "Lagre". Dobbeltklikk på HTML-dokumentet for å åpne den i nettleseren.

12 Plasser markøren over raden i tabellen for å endre fargen på bordet rad til farge definerte i trinn 3 som "høydepunkt" -klassen. Flytt musepekeren ut av tabellen rad for å endre den tilbake til den opprinnelige "normal" farge klasse.