檔案拓展名
擴展名一般為.cur。與圖示檔案Icon一樣,是特殊類型的小點陣圖,但是游標包含熱點,通過其X和Y坐標可跟蹤游標位置的像素。
輔助類
十字準心 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)。
游標類型
語法:
cursor : auto| all-scroll| col-resize| crosshair| default| hand| move| help| no-drop| not-allowed| pointer| progress| row-resize| text| vertical-text| wait| *-resize| url ( url )
取值:
auto | : | 默認值。瀏覽器根據當前情況自動確定滑鼠游標類型。 | |
all-scroll | : | IE6.0 | 有上下左右四個箭頭,中間有一個圓點的游標。用於標示頁面可以向上下左右任何方向滾動。 |
col-resize | : | IE6.0 | 有左右兩個箭頭,中間由豎線分隔開的游標。用於標示項目或標題欄可以被水平改變尺寸。 |
crosshair | : | 簡單的十字線游標。 | |
default | : | 客戶端平台的默認游標。通常是一個箭頭。 | |
hand | : | 豎起一隻手指的手形游標。就像通常用戶將游標移到超連結上時那樣。 | |
move | : | 十字箭頭游標。用於標示對象可被移動。 | |
help | : | 帶有問號標記的箭頭。用於標示有幫助信息存在。 | |
no-drop | : | IE6.0 | 帶有一個被斜線貫穿的圓圈的手形游標。用於標示被拖起的對象不允許在游標的當前位置被放下。 |
not-allowed | : | IE6.0 | 禁止標記(一個被斜線貫穿的圓圈)游標。用於標示請求的操作不允許被執行。 |
pointer | : | IE6.0 | 和 hand一樣。豎起一隻手指的手形游標。就像通常用戶將游標移到超連結上時那樣。 |
progress | : | IE6.0 | 帶有沙漏標記的箭頭游標。用於標示一個進程正在後台運行。 |
row-resize | : | IE6.0 | 有上下兩個箭頭,中間由橫線分隔開的游標。用於標示項目或標題欄可以被垂直改變尺寸。 |
text | : | 用於標示可編輯的水平文本的游標。通常是大寫字母 I的形狀。 | |
vertical-text | : | IE6.0 | 用於標示可編輯的垂直文本的游標。通常是大寫字母 I旋轉90度的形狀。 |
wait | : | 用於標示程式忙用戶需要等待的游標。通常是沙漏或手錶的形狀。 | |
*-resize | : | 用於標示對象可被改變尺寸方向的箭頭游標。 w-resize| s-resize| n-resize| e-resize| ne-resize| sw-resize| se-resize| nw-resize | |
url ( url ) | : IE6.0 | 用戶自定義游標。使用絕對或相對 url地址指定游標檔案(後綴為 .cur或者 .ani)。 |
示例:
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; }