Hvordan endre Cell Color på Mouse

April 21

Hvis du utvikler en nettside og ønsker å inkludere en tabell for å vise informasjon, for eksempel en kalender, timeplan eller annen diagrammet, kan det hjelpe de besøkende hvis du legger til en bestemt mousebakgrunnsfarge til en eller flere celler. På denne måten vil cellen bli markert når brukeren flytter sin musen over innholdet og bidra til å fokusere sin oppmerksomhet på innholdet i den aktuelle cellen. Når den besøkendes muse forlater cellen, kan bakgrunnsfargen gå tilbake til standard.

Bruksanvisning

1 Start en HTML editor som CoffeeCup Free HTML Editor eller Notisblokk på datamaskinen din.

2 Åpne "File" -menyen og velg "Open" for å finne webside som inneholder cellen som du ønsker å jobbe.

3 Bla ned til du finner den spesifikke cellen du vil redigere. Det gjør ser omtrent slik ut:

<Td> Cell Content her </ td>

4 Legg mousekoden inn i åpningen TD tag å angi mouse og mouseout farger:

<Td onmouseover = "this.style.backgroundColor =" blå "" onmouseout = "this.style.backgroundColor = '# fff'"> Content her </ td

5 Change "blå" til fargen navn eller hex-kode (for eksempel "# 0000FF" er vanlig blå) av den fargen du vil skal vises på mouse. Endre "hvit" til den fargen du vil at bakgrunnen for å gå tilbake til når brukeren beveger seg musen bort fra innholdet.

6 Åpne "File" -menyen og velg "Lagre" når du er ferdig med siden.

Hint

Det kan være lurt å sette onmouseover farge til samme farge som webside eller bord bakgrunnen.