定義和用法
光標屬性設置或返回光標的類型,以顯示鼠標指針。
瀏覽器支持
光標屬性在所有主流瀏覽器的支持。
句法
返回光標屬性:
object .style.cursor
設置光標屬性:
object .style.cursor= 屬性值 值 描述 alias 光標指示的東西的別名是要創建 all-scroll 光標顯示的東西可以在任何方向滾動 auto 默認。 瀏覽器設置一個游標 cell 光標指示的單元(or set of cells)可以被選擇 context-menu 將光標表示上下文菜單可用 col-resize 光標指示該列可以被調整大小水平 copy 光標指示的東西要被複製 crosshair 光標呈現為十字線 default 默認光標 e-resize 光標指示盒子的邊緣被向右移動(east) ew-resize 表示一個雙向的大小調整光標 help 光標顯示有幫助文件 move 光標說明什麼是移動 n-resize 光標指示盒子的邊緣被向上移動(north) ne-resize 光標指示盒子的邊緣被移動,向上和向右(north/east) nesw-resize 表示一個雙向的大小調整光標 ns-resize 表示一個雙向的大小調整光標 nw-resize 光標指示盒子的邊緣被向上移動和左(north/west) nwse-resize 表示一個雙向的大小調整光標 no-drop 光標表明拖動的項不能被丟棄在這裡 none 沒有光標呈現為元素 not-allowed 光標表示所請求的動作將不會被執行 pointer 光標是一個指針和表示鏈接 progress 光標指示該程序正忙(in progress) row-resize 光標指示該行可垂直調整大小 s-resize 光標指示盒子的邊緣被向下移動(south) se-resize 光標指示盒子的邊緣被向下移動,右(south/east) sw-resize 光標指示盒的邊緣可向下移動和左(south/west) text 的光標表示可以選擇的文本 URL 以逗號分隔的URL列表,自定義光標。 Note:在列表的末尾始終指定一個通用的光標,以防沒有網址定義游標可以使用 vertical-text 的光標表示可被選擇垂直文本 w-resize 光標指示盒子的邊緣被向左移動(west) wait 光標指示該程序正忙 zoom-in 光標顯示的東西可放大 zoom-out 光標顯示的東西可以被縮小 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值: 汽車 返回值: 一個字符串,表示所顯示的鼠標光標當鼠標指針在元件 CSS版本 CSS2
更多示例
例
顯示所有可用的光標:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
試一試»
相關頁面
CSS參考: cursor property
<Style對象