Sådan ændres musemarkøren ved hjælp af OnMouseOver

Forfatter: Charles Brown
Oprettelsesdato: 5 Februar 2021
Opdateringsdato: 1 Juni 2024
Anonim
Sådan ændres musemarkøren ved hjælp af OnMouseOver - Artikler
Sådan ændres musemarkøren ved hjælp af OnMouseOver - Artikler

Indhold

Eventet "OnMouseOver" udløses, når en bruger overfører musemarkøren over et element på en side. Dette kan forekomme med ethvert element, såsom et billede, en knap, et bord eller selve siden. Du kan ændre ikonet, der vises til brugeren, når musemarkøren hopper over disse elementer ved hjælp af Javascript i kontrolegenskaberne. Eventet "OnMouseOver" bruges med "OnMouseOut", som udløses, når musemarkøren ikke længere er på elementet, og bruges til pegerikonet til at vende tilbage til sit originale billede.


retninger

Eventet "OnMouseOver" udløses, når du svæver over et angivet element (computer mus billede af Edyta Anna Grabowska fra Fotolia.com)

  1. Åbn HTML-filen med din yndlings teksteditor. Rul ned til HTML-elementet, du vil redigere. Det kan være noget element på siden. I dette eksempel er mærket "

  2. Tildel Javascript-koden til "OnMouseOver" -hændelsen, der ændrer musemarkøren. Følgende kode ændrer pegeren til en lille hånd, når brugeren svæver over billedet:

  3. Vend musemarkøren tilbage til dens originale ikon, når den ikke længere er på elementet. Hvis du ikke konfigurerer "OnMouseOut" -hændelsen, fortsætter musen med at ændre sig, da brugeren navigerer på siden. Følgende kode får musemarkøren til at vende tilbage til standard: