您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM cursor 屬性

HTML DOM cursor 屬性

此節(jié)有 177 人學(xué)習(xí)過參與評論

定義和用法

cursor 屬性規(guī)定所顯示的指針（光標(biāo)）的類型。

語法：

Object.style.cursor=cursortype

可能的值

值	描述
url	需被使用的自定義光標(biāo)的URL 注釋：請在此列表的末端始終定義一種普通的光標(biāo)，以防沒有由 URL 定義的可用光標(biāo)。
default	默認(rèn)光標(biāo)（通常是一個箭頭）
auto	默認(rèn)。瀏覽器設(shè)置的光標(biāo)。
crosshair	光標(biāo)呈現(xiàn)為十字線。
pointer	光標(biāo)呈現(xiàn)為指示鏈接的指針（一只手）
move	此光標(biāo)指示某對象可被移動。
e-resize	此光標(biāo)指示矩形框的邊緣可被向右（東）移動。
ne-resize	此光標(biāo)指示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize	此光標(biāo)指示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize	此光標(biāo)指示矩形框的邊緣可被向上（北）移動。
se-resize	此光標(biāo)指示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize	此光標(biāo)指示矩形框的邊緣可被向下及向左移動（南/西）。
s-resize	此光標(biāo)指示矩形框的邊緣可被向下移動（北/西）。
w-resize	此光標(biāo)指示矩形框的邊緣可被向左移動（西）。
text	此光標(biāo)指示文本。
wait	此光標(biāo)指示程序正忙（通常是一只表或沙漏）。
help	此光標(biāo)指示可用的幫助（通常是一個問號或一個氣球）。

實例

本例改變指針：

<html>
<head>
<script type="text/javascript">
function changeCursor()
{
document.body.style.cursor="crosshair";
document.getElementById("p1").style.cursor="text";
}
</script>
</head>
<body>

<p id="p1">This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text.</p>

<input type="button" onclick="changeCursor()"
value="Change cursor" />

</body>
</html>