html怎麼改變滑鼠形狀

藏色散人
發布: 2021-04-13 14:39:33
原創
4591 人瀏覽過

html改變滑鼠形狀的方法:1、用css的cursor屬性來改變滑鼠指標形狀,程式碼如「.a{ cursor:hand }」;2、利用第三方控制項改變滑鼠指標形狀。

html怎麼改變滑鼠形狀

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

CSS/HTML 改變滑鼠指標形狀

改變滑鼠指標形狀的方法有兩種;第一種:用css cursor屬性來改變滑鼠指標形狀。另一種是:利用第三方控制項的方法,而我自己最常用的是第一種:用css樣式表來改變滑鼠指標形狀

#我們先來看第一種:用cursor屬性來改變滑鼠指標形狀。

有些時候我們並不需要文字,圖片加鏈接,而且還想要加鏈接時的滑鼠樣式。這就用到了我們的css樣式表滑鼠指標形狀了。請下面的css滑鼠指標css樣式表的一些屬性:

# default #text ##pointer, hand(hand是IE專有) ##move not-allowed no-drop wait help crosshair n-resize #s_resize 與n-resize效果相同 w-resize e-resize 與w-resize效果相同 nw-resize sw-resize ne-resize與sw-resize效果相同 se-resize 與nw- resize效果相同

文字/編輯

#自動
auto

#手形

可移動物件

#不允許

無法釋放

#等待/沙漏

幫助

十字準星

#向上改變大小(North)

向下改變大小(South)

向左改變大小(West)

向右改變大小(East)

向左上改變大小(NorthWest)

#向左下改變大小(SouthWest)

在右邊改變大小(NorthEast)

#向右下方改變大小(SouthEast)

############自訂遊標############url('遊標位址')####### ########

以上就是改變滑鼠指標形狀的css樣式表。如何應用呢?下面我們用實例來說明:

 

欢迎您到XXX来做客

登入後複製

也可以直接將樣式表寫在p標籤中效果是一樣的喲如:

欢迎您到XXX来做客

登入後複製

還有一種用法其原理是:利用了CSS2的一個cursor的屬性cursor:url (url),滑鼠檔案可以使用jpg、gif、ani和cur多種檔案格式。需要注意的這種方式只能在IE5.5以上瀏覽器中正常顯示。

【推薦學習:HTML影片教學

改變滑鼠指標形狀的第二種方法:利用第三方控制項的方法

這種方法非常簡單,只需要講以下程式碼加到網頁檔案的

之間:

  
登入後複製

修改後,瀏覽此網頁的時候瀏覽器會彈出一個“安全性設定警告”,點擊“是”,系統自動安裝控件,滑鼠就可以按照你的需求顯示了。
那麼,如何才能選擇你所需要的滑鼠樣式呢?先登陸網站http://www.cometzone.com,這個網站有14個大類4000多種滑鼠,內容十分廣泛,滑鼠檔案製作也很精美,你可以根據需要從類別中選擇需要的滑鼠,點擊相應的滑鼠圖片就可以預覽到不同的效果。
選中滑鼠後,點擊網頁左邊導航的“GET CURSOR CODE”鏈接,轉到下一頁,再點擊“Select Code”按鈕,按鈕下這個多行文本框裡面的內容就是我上面提供的代碼,只是程式碼中TheCometCursor('cd_electric',0,626)部分不同,顯示的滑鼠狀態也不同.

#

以上是html怎麼改變滑鼠形狀的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!