CSS滑鼠手勢大全

例項：


doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""
>
<
html 
xmlns
="">
<
head
>
<
title
>css滑鼠手勢大全 - www.webdm.cn
title
>
<
style 
type
="text/css"
>
style
>
head
>
<
body
>
<
span 
style
="cursor:pointer;"
>手型
span
>
<
span 
style
="cursor:hand;"
>手型
span
>
<
span 
style
="cursor:crosshair;"
>crosshair 十字
span
>
<
span 
style
="cursor:text;"
>text 文字
span
>
<
span 
style
="cursor:wait;"
>wait 等待
span
>
<
span 
style
="cursor:help;"
>help 問號
span
>
<
span 
style
="cursor:e-resize;"
>e-resize 右的箭頭
span
>
<
span 
style
="cursor:ne-resize;"
>ne-resize 右上的箭頭
span
>
<
span 
style
="cursor:n-resize;"
>n-resize 上的箭頭
span
>
<
span 
style
="cursor:nw-resize;"
>nw-resize 左上的箭頭
span
>
<
span 
style
="cursor:w-resize;"
>w-resize 左的箭頭
span
>
<
span 
style
="cursor:sw-resize;"
>sw-resize 左下的箭頭
span
>
<
span 
style
="cursor:s-resize;"
>s-resize 下的箭頭
span
>
<
span 
style
="cursor:se-resize;"
>se-resize 右下的箭頭
span
>
<
span 
style
="cursor:move;"
>move 移動
span
>
<
br />
<
p><
a href
="">網頁**站ap
>
body
>
html
>

cursor:hand 與 cursor:pointer 的效果是一樣，都像手形游標。但用firefox瀏覽時才注意到使用cursor:hand在firefox裡並被支援。

cursor:hand ：ie完全支援。但是在firefox是不支援的，沒有效果。

cursor:pointer ：是css2.0的標準。所以firefox是支援的，但是ie5.0既之前版本不支援。ie6開始支援。

附：cursor屬性收集

游標型別 css

十字準心 cursor: crosshair;

手 cursor: pointer;

cursor: hand;

寫兩個是為了照顧ie5，它只認hand。

等待/沙漏 cursor: wait;

幫助 cursor: help;

無法釋放 cursor: no-drop;

文字/編輯 cursor: text;

可移動物件 cursor: move;

向上改變大小(north) cursor: n-resize;

向下改變大小(south) cursor: s-resize;

向右改變大小(east) cursor: e-resize;

向左改變大小(west) cursor: w-resize;

向上右改變大小(north east) cursor: ne-resize;

向上左改變大小(north west) cursor: nw-resize;

向下右改變大小(south east) cursor: se-resize;

向下左改變大小(south west) cursor: sw-resize;

自動 cursor: auto;

禁止 cursor:not-allowed;

處理中 cursor: progress;

系統預設 cursor: default;

使用者自定義（可用動畫） cursor: url(『 # 『);

# = 游標檔案位址 (注意檔案格式必須為：.cur 或 .ani)。

css的滑鼠手勢大全

css的滑鼠手勢非常多，最長的手型cursor pointer，其中cursor hand，也是手型，但是在火狐和谷歌瀏覽器下不相容，所以css滑鼠手型手勢的話用cursor pointer最好，以下是其它常用 cursor pointer 或 cursor hand 手型 cursor cross...

CSS滑鼠手勢

屬性名 cursor 屬性值手勢狀態 auto 預設值。瀏覽器根據當前情況自動確定滑鼠游標型別。all scroll ie6.0 有上下左右四個箭頭，中間有乙個圓點的游標。用於標示頁面可以向上下左右任何方向滾動。col resize ie6.0 有左右兩個箭頭，中間由豎線分隔開的游標。用於標示專案...

CSS滑鼠手勢大全

css的滑鼠手勢大全

CSS滑鼠手勢

CSS滑鼠手勢

相關推薦