css鼠標樣式
css的鼠標樣式,多種多樣。讓學習啦小編帶你了解。
css鼠標樣式
style.cursor 的可選值(鼠標的各種樣式)
crosshair;
十字準心
The cursor render as a crosshair
游標表現(xiàn)為十字準線
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
游標暗示當前所處位置為文字內(nèi)容
cursor: move;
可移動對象
The cursor indicates something that should be moved
游標暗示一些東西應(yīng)該被移動
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
瀏覽器設(shè)置一個游標
cursor:not-allowed;
禁止
cursor:not-allowed;
cursor: progress;
處理中
cursor: progress;
cursor: default;
系統(tǒng)默認
The default cursor (often an arrow)
默認的游標狀態(tài)(通常為一個箭頭)
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所定義的游標不能使用