css滑鼠樣式cursor介紹 滑鼠手型

2021-06-22 14:18:36 字數 865 閱讀 2232

css滑鼠樣式語法如下:

任意標籤中插入 style="cursor:*"  

例子:文字或其它頁面元素

文字或其它頁面元素  注意把 * 換成如下15個效果的一種:

下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧!

hand是手型    

例子:css滑鼠手型效果   css滑鼠手型效果

pointer也是手型,這裡推薦使用這種,因為這可以在多種瀏覽器下使用。 

例子:css滑鼠手型效果 css滑鼠手型效果

內容來自17jquery

crosshair是十字型 

例子:css滑鼠十字型 效果css滑鼠十字型 效果

help是問號

例子:css滑鼠問號效果   css滑鼠問號效果

下面寫法都一樣,這裡就不一一寫完了。

下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧! 

hand是手型 

pointer也是手型,這裡推薦使用這種,因為這可以在多種瀏覽器下使用。 

crosshair是十字型 

text是移動到文字上的那種效果 

wait是等待的那種效果 

default是預設效果 

help是問號 

e-resize是向右的箭頭 

ne-resize是向右上的箭頭 

n-resize是向上的箭頭 

nw-resize是向左上的箭頭 

w-resize是向左的箭頭 

sw-resize是左下的箭頭 

s-resize是向下的箭頭 

se-resize是向右下的箭頭 

auto是由系統自動給出效果 內容來自17j

CSS滑鼠指標cursor樣式

有時我們需要在css布局時設定特定的滑鼠指標樣式,這時可以通過設定cursor來實現 url 需使用的自定義游標的 url。注釋 請在此列表的末端始終定義一種普通的游標,以防沒有由 url 定義的可用游標 default 預設游標 通常是乙個箭頭 auto 預設。瀏覽器設定的游標 crosshair...

改變滑鼠樣式 cursor

所有主流瀏覽器都支援 cursor 屬性。注釋 opera 9.3 和 safari 3 不支援 url 值。注釋 任何版本的 internet explorer 包括 ie8 都不支援屬性值 inherit cursor auto url 需使用的自定義游標的 url。注釋 請在此列表的末端始終定...

cursor改變滑鼠樣式

cursor 定義滑鼠樣式 取值 auto crosshair default pointer move e resize ne resize nw resize n resize se resize sw resize s resize w resize text wait help progre...