Hvordan endre fonter i onmouseover

Hvordan endre fonter i onmouseover


Den "onMouseOver" hendelse utløser når en bruker svever musen over en webside element. Du kan bruke onMouseOver hendelse for å endre skriftstil på websiden. Dette er praktisk når du ønsker å gjøre en bestemt del av siden skiller seg ut når brukeren svever over et element, for eksempel en "div" eller en kobling. Javascript brukes til å endre Web sidestiler dynamisk i brukerens nettleser.

Bruksanvisning

1 Åpne HTML-fil i ren tekst editor. Du kan bruke en enkel editor som Notisblokk, eller bruke mer avanserte redigeringsprogrammer, for eksempel Notepad ++ eller Visual Studio. Disse redaktører fargekode endringene.

2 Bla ned til den delen av filen som inneholder element der onMouseOver funksjonen er implementert.

3 Tilsett onMouseOver hendelsen til elementet eiendom. I dette eksempelet onMouseOver selv er lagt til en hyperkobling. Følgende kode legger arrangementet til en link:
<a href="mydomain.com" onMouseOver=""> Klikk her </a>

4 Legg inn koden som endrer skriften når brukeren svever over koblingen. Følgende kode endrer skriftfarge når brukeren beveger seg:
<A href = "mydomain.com" onMouseOver = "javascript: document.all.myText.style.fontColor
= 'Red' "> Klikk her </a>
Koden endrer teksten til rødt. Enhver skriftstil kan brukes med denne koden.

Hint

  • Bruk samme onMouseOver hendelseskode for eventuelle andre HTML-elementer, inkludert "div", "bord" og "p" tags.