Kako spremeniti kazalec miške z OnMouseOver

Avtor: Frank Hunt
Datum Ustvarjanja: 13 Pohod 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
Data Visualization and D3 by David Chouinard
Video.: Data Visualization and D3 by David Chouinard

Vsebina

Dogodek "OnMouseOver" se sproži, ko uporabnik poda kazalec miške nad elementom strani. Do tega lahko pride pri katerem koli elementu, kot je slika, gumb, tabela ali sama stran. Spremenite lahko ikono, ki se prikaže uporabniku, ko kazalec miške preskoči te elemente z uporabo Javascripta v lastnostih nadzora. Dogodek "OnMouseOver" se uporablja z "OnMouseOut", ki se sproži, ko kazalec miške ni več na elementu, in se uporablja za ikono kazalca za vrnitev na prvotno sliko.


Navodila

Dogodek "OnMouseOver" se sproži, ko premaknete kazalec nad določen element (računalniška miška podoba Edyta Anna Grabowska iz Fotolia.com)

  1. Odprite datoteko HTML s priljubljenim urejevalnikom besedila. Pomaknite se navzdol do elementa HTML, ki ga želite urediti. Lahko je kateri koli element na strani. V tem primeru je oznaka "

  2. Dodelite kodo Javascript dogodku "OnMouseOver", ki spremeni kazalec miške. Naslednja koda spremeni kazalec na majhno roko, ko se uporabnik premakne nad sliko:

  3. Kazalec miške se vrne na prvotno ikono, ko ni več na elementu. Če ne konfigurirate dogodka »OnMouseOut«, se bo miška še naprej spreminjala, ko se uporabnik premakne po strani. Naslednja koda povzroči, da se kazalec miške vrne na privzeto: