Wskaźnik kursora JavaScript

| | | | |

Kursory istnieją od „ matka wszystkich „ dema, w których Douglas Englebart przedstawił światu mysz i graficzny interfejs użytkownika pod koniec lat 60. Kursor myszy pozwala nam zobaczyć, gdzie jesteśmy w przestrzeni na naszej ekran komputera. Jako narzędzie wpływające na wygodę użytkownika, naprawdę fajnie jest móc pokazać nam, co możemy zrobić w dowolnym miejscu na ekranie lub co robi użytkownik. komputer. W tym artykule omówiono niektóre sposoby używania kursora myszy na naszej stronie internetowej aby poprawić komfort użytkowania Twojej witryny.

w naszym selektorze CSS użyj następującej składni, aby zmienić kursor na inny niż domyślna strzałka.

Pomiędzy pierwszym zestawem nawiasów mamy listę adresów URL oddzielonych przecinkami. Jest to opcjonalna wartość ue. Umożliwia korzystanie z niestandardowych suwaków — w Internecie jest wielu producentów niestandardowych suwaków, którzy pomogą Ci stworzyć coś, co jest dla Ciebie unikalne.

Lista oddzielona przecinkami wskazuje, że przeglądarka spróbuje załadować pierwszy. Jeśli nie znajdzie pierwszego lub adres URL jest niepoprawny, przejdzie dalej na liście, aż znajdzie takie, które działa lub jest ustawione na wymagane słowo kluczowe na końcu.

pierwszy parametr - z adresami URL jest opcjonalny. Drugi nie. Musisz dołączyć słowo kluczowe, które zawiera szereg instrukcji wskazujących typ kursora, który chcesz wyświetlić. Oto niektóre z dostępnych wartości:

Powyższy kod udostępnia tylko niektóre z dostępnych suwaków, z których możemy korzystać na naszej stronie. Zapoznaj się z MDN dla innych.

Wnioski

Dzisiaj przyjrzeliśmy się kilku różnym sposobom dodawania kursorów do witryny, aby poprawić wrażenia użytkownika. wskaż, co można zrobić w dowolnym miejscu na stronie, użytkownicy wiedzą, czego się spodziewać, poruszając się po Twojej witrynie. Jest o wiele więcej niż te wymienione tutaj.

Polecam zapoznanie się z różnymi sposobami może dostosować suwak do Twoich potrzeb. Pamiętaj: suwak to tylko połowa doświadczenia użytkownika. Druga połowa faktycznie realizuje to, czego użytkownik oczekuje od kursora. Porozmawiamy o tym innym razem. Dobry hack!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method