改變滑鼠指標形狀的css樣式例項

2021-06-21 01:47:16 字數 1694 閱讀 4534

改變滑鼠指標形狀的方法有兩種;改變滑鼠指標形狀的方法有兩種;一種:用css樣式表

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

我們先來看第一種:用

css樣式表

來改變滑鼠指標形狀。

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

default

文字/編輯

text 自動

auto 手形

pointer, hand(hand

是ie專有)

可移動物件

move

不允許not-allowed

無法釋放

no-drop

等待/沙漏

wait 幫助

help

十字準星

crosshair

向上改變大小(north)

n-resize

向下改變大小(south)

s_resize

與n-resize效果相同

向左改變大小(west)

w-resize

向右改變大小(east)

e-resize

與w-resize效果相同

向左上改變大小(northwest)

nw-resize

向左下改變大小(southwest)

sw-resize

向右上改變大小(northeast)

ne-resize

與sw-resize效果相同

向右下改變大小(southeast)

se-resize

與nw-resize效果相同

自定義游標

url('

游標位址')

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

歡迎您到百洋軟體研究實驗室listly的部落格來做客

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

歡迎您到百洋軟體研究實驗室listly的部落格來做客

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

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

這種方法非常簡單,只需要講以下**加到網頁檔案的之間:

怎麼樣了解了,知道了如何改變滑鼠指標形狀的方法!當然有什麼不足不當之處請您及時指出,加以改正! 

參考閱讀:

css hack瀏覽器相容總結

div+css網頁布局css hack瀏覽器相容的決竅

div+css樣式表中display和visibility的例項分析

本文出自 「

技術你我他

」 部落格,請務必保留此出處

CSS HTML 改變滑鼠指標形狀

改變滑鼠指標形狀的方法有兩種 第一種 用的來改變滑鼠指標形狀。另一種是 利用第三方控制項的方法,而我自己最常用的是第一種 用css樣式表來改變滑鼠指標形狀 我們先來看第一種 用來改變滑鼠指標形狀。有些時候我們並不需要文字,加鏈結,而且還想要加鏈結時的滑鼠樣式。這就用到了我們的css樣式表來滑鼠指標形...

CSS HTML 改變滑鼠指標形狀

改變滑鼠指標形狀的方法有兩種 第一種 用的來改變滑鼠指標形狀。另一種是 利用第三方控制項的方法,而我自己最常用的是第一種 用css樣式表來改變滑鼠指標形狀 我們先來看第一種 用來改變滑鼠指標形狀。有些時候我們並不需要文字,加鏈結,而且還想要加鏈結時的滑鼠樣式。這就用到了我們的css樣式表來滑鼠指標形...

使用C 改變滑鼠的指標形狀

1.在乙個無標題的窗體中用mousemove事件判斷滑鼠座標是否到達窗體的邊緣,如果是的話將滑鼠指標改為可調整窗體大小的雙向箭頭.private void form1 mousemove object sender,system.windows.forms.mouseeventargs e 改成這樣...