最新的Web開發教程
 

Style cursor Property

<Style對象

更改光標:

document.getElementById("myP").style.cursor = "pointer";
試一試»

定義和用法

光標屬性設置或返回光標的類型,以顯示鼠標指針。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

光標屬性在所有主流瀏覽器的支持。


句法

返回光標屬性:

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;
試一試»

返回游標類型:

alert(document.getElementById("myP").style.cursor);
試一試»

相關頁面

CSS參考: cursor property


<Style對象