css cursor 的可選值(鼠標的各種樣式)


摘自:http://www.jb51.net/css/23361.html

 

 

crosshair;

 

十字准心

The cursor render as a crosshair
游標表現為十字准線

cursor: pointer; 
cursor: hand;
寫兩個是為了照顧IE5,它只認hand。

 

The cursor render as a pointer (a hand) that indicates a link
游標以暗示(手指)的形式來表明有一個連接

cursor: wait;

 

等待/沙漏

The cursor indicates that the program is busy (often a watch or an hourglass)
游標暗示當前程序正忙(一般為一塊表或是一個沙漏)

cursor: help;

 

幫助

The cursor indicates that help is available (often a question mark or a balloon)
游標暗示當前位置可得到幫助(一般為問號或是氣球)

cursor: no-drop;

 

無法釋放

cursor: no-drop;

cursor: text;

 

文字/編輯

The cursor indicates text
游標暗示當前所處位置為文字內容

cursor: move;

 

可移動對象

The cursor indicates something that should be moved
游標暗示一些東西應該被移動

cursor: n-resize;

 

向上改變大小(North)

The cursor indicates that an edge of a box is to be moved up (north)
邊緣可向上移動(北)

cursor: s-resize;

 

向下改變大小(South)

The cursor indicates that an edge of a box is to be moved down (south)
邊緣可向下方移動(南)

cursor: e-resize;

 

向右改變大小(East)

The cursor indicates that an edge of a box is to be moved right (east)
box邊緣可向右(東)邊移動

cursor: w-resize;

 

向左改變大小(West)

The cursor indicates that an edge of a box is to be moved left (west)
邊緣可向左移動(西)

cursor: ne-resize;

 

向上右改變大小(North East)

The cursor indicates that an edge of a box is to be moved up and right (north/east)
游標暗示box的邊緣可向右上方移動(東北方向)

cursor: nw-resize;

 

向上左改變大小(North West)

The cursor indicates that an edge of a box is to be moved up and left (north/west)
邊緣可向左上方移動(西北)

cursor: se-resize;

 

向下右改變大小(South East)

The cursor indicates that an edge of a box is to be moved down and right (south/east)
邊緣可向右下方移動(東南)

cursor: sw-resize;

 

向下左改變大小(South West)

The cursor indicates that an edge of a box is to be moved down and left (south/west)
邊緣可向左下方移動(西南)

cursor: auto;

 

自動

The browser sets a cursor
瀏覽器設置一個游標

cursor:not-allowed;

 

禁止

cursor:not-allowed;

cursor: progress;

 

處理中

cursor: progress;

cursor: default;

 

系統默認

The default cursor (often an arrow)
默認的游標狀態(通常為一個箭頭)

cursor: url(' # ');
# = 光標文件地址      (注意文件格式必須為:.cur 或 .ani)。

 

用戶自定義(可用動畫)

The url of a custom cursor to be used.
自定義游標的url位置

Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
注意:在定義完自定義的游標之后在末尾加上一般性的游標,以防那些url所定義的游標不能使用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM