Jak změnit ukazatel myši pomocí OnMouseOver

Autor: John Pratt
Datum Vytvoření: 17 Leden 2021
Datum Aktualizace: 27 Červen 2024
Anonim
Jak změnit ukazatel myši pomocí OnMouseOver - Články
Jak změnit ukazatel myši pomocí OnMouseOver - Články

Obsah

Událost "OnMouseOver" je spuštěna, když uživatel předá ukazatel myši nad prvek stránky. To může nastat u libovolného prvku, například obrázku, tlačítka, tabulky nebo samotné stránky. Ikonu zobrazenou uživateli můžete změnit, když ukazatel myši přeskočí tyto prvky pomocí jazyka JavaScript ve vlastnostech ovládacího prvku. Událost "OnMouseOver" se používá s "OnMouseOut", která se spouští, když ukazatel myši již není na elementu a používá se pro návrat ikony ukazatele na původní obrázek.


Pokyny

Událost "OnMouseOver" se spouští, když přejdete nad určený prvek (obrázek počítačové myši Edyta Anna Grabowska z Fotolia.com)
  1. Otevřete soubor HTML s vaším oblíbeným textovým editorem. Přejděte dolů na prvek HTML, který chcete upravit. Může to být libovolný prvek na stránce. V tomto příkladu je štítek

  2. Přiřazení kódu Javascript události OnMouseOver, která změní ukazatel myši. Následující kód změní ukazatel na malou ruku, když uživatel přejde na obrázek:

  3. Ukazatel myši se vrátí na původní ikonu poté, co již není na prvku. Pokud nenakonfigurujete událost "OnMouseOut", myš se bude měnit, jakmile uživatel přejde na stránku. Následující kód způsobí návrat ukazatele myši na výchozí hodnotu: