JavaScript 光標指針

| | | | |

游標自 " 所有人之母 ,在 1960 年代末,Douglas Englebart 向世界介紹了鼠標和圖形用戶界面的演示。鼠標光標讓我們可以看到我們在太空中的位置電腦屏幕。作為一種用戶體驗工具,能夠在屏幕上的任何位置向我們展示我們可以做什麼或用戶正在做什麼真的很酷。電腦。本文討論了我們可以在網頁上使用鼠標光標的一些方法以改善您網站的用戶體驗。

在我們的 CSS 選擇器中,使用以下語法將光標更改為默認箭頭以外的內容。

在第一組括號之間我們有一個 URL 列表,用逗號分隔。這是一個可選的 val ue。允許您使用自定義滑塊 - 互聯網上有許多自定義滑塊製造商可以幫助您創建獨特的東西。

逗號分隔的列表表示瀏覽器將嘗試加載第一。如果它沒有找到第一個或 URL 不正確,它將在列表中前進,直到找到一個有效的或在末尾設置為所需關鍵字的一個。

第一個參數 - 帶有 URL 是可選的。第二個不是。您必須包含一個關鍵字,該關鍵字提供一系列說明以指示您要顯示的光標類型。以下是一些可用值:

上面的代碼僅共享我們可以在我們的網站上使用的一些可用滑塊。查看 MDN 了解其他人。

結論

今天我們了解了一些可以將光標添加到網站以幫助改善用戶體驗的不同方法。使用滑塊指示可以在頁面上的任何位置執行的操作,用戶在瀏覽您的網站時知道會發生什麼。還有很多比這裡提到的更多。

我建議您查看不同的方式可以自定義您的滑塊以滿足您的需求。請記住:滑塊只是用戶體驗的一半。另一半實際上實現了用戶對光標的期望。我們將在下次討論它。好 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