Hvordan endre musepekeren ved hjelp av OnMouseOver

Forfatter: Charles Brown
Opprettelsesdato: 8 Februar 2021
Oppdater Dato: 28 Juni 2024
Anonim
Effect CSS | collecting edge 17
Video: Effect CSS | collecting edge 17

Innhold

"OnMouseOver" -hendelsen utløses når en bruker overfører musepekeren over et element på en side. Dette kan oppstå med ethvert element, for eksempel et bilde, en knapp, et bord eller selve siden. Du kan endre ikonet som vises til brukeren når musepekeren hopper over disse elementene ved hjelp av Javascript i kontrollegenskapene. "OnMouseOver" -hendelsen brukes med "OnMouseOut", som utløses når musepekeren ikke lenger er på elementet, og brukes til pekersymbolet for å gå tilbake til det opprinnelige bildet.


retninger

"OnMouseOver" -hendelsen utløses når du svinger over et bestemt element (datamaskin mus bilde av Edyta Anna Grabowska fra Fotolia.com)

  1. Åpne HTML-filen med din favoritt tekstredigerer. Rull ned til HTML-elementet du vil redigere. Det kan være noe element på siden. I dette eksemplet er etiketten "

  2. Tilordne Javascript-koden til "OnMouseOver" -hendelsen som endrer musepekeren. Følgende kode endrer pekeren til en liten hånd når brukeren svinger over bildet:

  3. Ha musepekeren tilbake til det opprinnelige ikonet når det ikke lenger er på elementet. Hvis du ikke konfigurerer "OnMouseOut" -hendelsen, fortsetter musen å endres ettersom brukeren navigerer på siden. Følgende kode fører til at musepekeren returnerer til standard: