Jak zmienić wskaźnik myszy za pomocą OnMouseOver

Autor: Charles Brown
Data Utworzenia: 9 Luty 2021
Data Aktualizacji: 20 Listopad 2024
Anonim
#25 Change Image onmouseover and onmouseout events in JavaScript
Wideo: #25 Change Image onmouseover and onmouseout events in JavaScript

Zawartość

Zdarzenie „OnMouseOver” jest wyzwalane, gdy użytkownik przesunie wskaźnik myszy nad elementem strony. Może to nastąpić z dowolnym elementem, takim jak obraz, przycisk, tabela lub sama strona. Możesz zmienić ikonę wyświetlaną użytkownikowi, gdy wskaźnik myszy przeskakuje nad tymi elementami za pomocą Javascript w właściwościach kontrolnych. Zdarzenie „OnMouseOver” jest używane z „OnMouseOut”, które jest wyzwalane, gdy wskaźnik myszy nie jest już na elemencie i jest używany do ikony wskaźnika, aby powrócić do oryginalnego obrazu.


Instrukcje

Zdarzenie „OnMouseOver” jest wyzwalane po najechaniu kursorem na wyznaczony element (obraz myszy komputerowej Edyta Anna Grabowska z Fotolia.com)

  1. Otwórz plik HTML za pomocą ulubionego edytora tekstu. Przewiń w dół do elementu HTML, który chcesz edytować. Może to być dowolny element na stronie. W tym przykładzie etykieta „

  2. Przypisz kod JavaScript do zdarzenia „OnMouseOver”, które zmienia wskaźnik myszy. Poniższy kod zmienia wskaźnik na małą rękę po najechaniu kursorem na obraz:

  3. Niech wskaźnik myszy powróci do swojej oryginalnej ikony, gdy nie będzie już na elemencie. Jeśli nie skonfigurujesz zdarzenia „OnMouseOut”, mysz nadal się zmienia, gdy użytkownik nawiguje po stronie. Poniższy kod powoduje, że wskaźnik myszy powraca do wartości domyślnych: