cursor[網頁製作CSS中的游標類型]

cursor[網頁製作CSS中的游標類型]
cursor[網頁製作CSS中的游標類型]
更多義項 ▼ 收起列表 ▲

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

檔案拓展名

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

相關詞條

相關搜尋

熱門詞條

聯絡我們