cursor(網頁製作CSS中的游標類型)

Cursor是網頁製作CSS中的游標類型，與圖示檔案Icon一樣，是特殊類型的小點陣圖。

基本介紹

• 中文名：cursor
• 外文名：cursor
• 屬於：網頁製作CSS中的游標類型
• 擴展名一般為：.cur

檔案拓展名

擴展名一般為.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; }