css鼠標(biāo)樣式
css的鼠標(biāo)樣式,多種多樣。讓學(xué)習(xí)啦小編帶你了解。
css鼠標(biāo)樣式
style.cursor 的可選值(鼠標(biāo)的各種樣式)
crosshair;
十字準(zhǔn)心
The cursor render as a crosshair
游標(biāo)表現(xiàn)為十字準(zhǔn)線
cursor: pointer;
cursor: hand;
寫(xiě)兩個(gè)是為了照顧IE5,它只認(rèn)hand。
手
The cursor render as a pointer (a hand) that indicates a link
游標(biāo)以暗示(手指)的形式來(lái)表明有一個(gè)連接
cursor: wait;
等待/沙漏
The cursor indicates that the program is busy (often a watch or an hourglass)
游標(biāo)暗示當(dāng)前程序正忙(一般為一塊表或是一個(gè)沙漏)
cursor: help;
幫助
The cursor indicates that help is available (often a question mark or a balloon)
游標(biāo)暗示當(dāng)前位置可得到幫助(一般為問(wèn)號(hào)或是氣球)
cursor: no-drop;
無(wú)法釋放
cursor: no-drop;
cursor: text;
文字/編輯
The cursor indicates text
游標(biāo)暗示當(dāng)前所處位置為文字內(nèi)容
cursor: move;
可移動(dòng)對(duì)象
The cursor indicates something that should be moved
游標(biāo)暗示一些東西應(yīng)該被移動(dòng)
cursor: n-resize;
向上改變大小(North)
The cursor indicates that an edge of a box is to be moved up (north)
邊緣可向上移動(dòng)(北)
cursor: s-resize;
向下改變大小(South)
The cursor indicates that an edge of a box is to be moved down (south)
邊緣可向下方移動(dòng)(南)
cursor: e-resize;
向右改變大小(East)
The cursor indicates that an edge of a box is to be moved right (east)
box邊緣可向右(東)邊移動(dòng)
cursor: w-resize;
向左改變大小(West)
The cursor indicates that an edge of a box is to be moved left (west)
邊緣可向左移動(dòng)(西)
cursor: ne-resize;
向上右改變大小(North East)
The cursor indicates that an edge of a box is to be moved up and right (north/east)
游標(biāo)暗示box的邊緣可向右上方移動(dòng)(東北方向)
cursor: nw-resize;
向上左改變大小(North West)
The cursor indicates that an edge of a box is to be moved up and left (north/west)
邊緣可向左上方移動(dòng)(西北)
cursor: se-resize;
向下右改變大小(South East)
The cursor indicates that an edge of a box is to be moved down and right (south/east)
邊緣可向右下方移動(dòng)(東南)
cursor: sw-resize;
向下左改變大小(South West)
The cursor indicates that an edge of a box is to be moved down and left (south/west)
邊緣可向左下方移動(dòng)(西南)
cursor: auto;
自動(dòng)
The browser sets a cursor
瀏覽器設(shè)置一個(gè)游標(biāo)
cursor:not-allowed;
禁止
cursor:not-allowed;
cursor: progress;
處理中
cursor: progress;
cursor: default;
系統(tǒng)默認(rèn)
The default cursor (often an arrow)
默認(rèn)的游標(biāo)狀態(tài)(通常為一個(gè)箭頭)
cursor: url(' # ');
# = 光標(biāo)文件地址 (注意文件格式必須為:.cur 或 .ani)。
用戶自定義(可用動(dòng)畫(huà))
The url of a custom cursor to be used.
自定義游標(biāo)的url位置
Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
注意:在定義完自定義的游標(biāo)之后在末尾加上一般性的游標(biāo),以防那些url所定義的游標(biāo)不能使用