首先，我正在建立一個關于貨物的網站。有 html 編輯器，但我不認為它與站點構建器本身一起作業得很好。
我希望我的自定義影像滑鼠游標影像在單擊時更改。我在這里遇到三個問題：
- 我無法將默認游標設定為影像。（它在貨物上成功，但我不知道如何在 html 編輯器上做到這一點。）
- 我不確定如何將游標更改為其他影像。
- 我希望這能在我的整個網站上實作，而不僅僅是在單個文本或影像上。
uj5u.com熱心網友回復：
干得好！這樣做很簡單：
只需將cursor屬性寫入您想要的任何選擇器html {...}，當然，對于整個網站。
html {
background-color: lightgray;
cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png"), auto;
}<html>
</html>還有很多默認游標： 你可以在這里查看它們：https : //codepen.io/chriscoyier/pen/uCwfB
uj5u.com熱心網友回復：
我會簡單地使用 CSS 和 JavaScript 的組合。
CSS 類使用關鍵字回退宣告適當的游標定義。然后添加一個簡單的 onm ousedown 事件來觸發第二個 CSS 類的添加，該類宣告了一個覆寫游標定義。添加第二個 onm ouseout 事件以洗掉在單擊時添加的第二個類。
/* keyword fallback example: use pointer, if hand.png doesn't exist */
.cursor-hand {
cursor: url(hand.png), pointer;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/364989.html
標籤：javascript html css 鼠