HTML DOM cursor 屬性
定義和用法
cursor 屬性規(guī)定所顯示的指針(光標)的類型。
語法:
Object.style.cursor=cursortype
可能的值
值 | 描述 |
---|---|
url |
需被使用的自定義光標的URL 注釋:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標。 |
default | 默認光標(通常是一個箭頭) |
auto | 默認。瀏覽器設(shè)置的光標。 |
crosshair | 光標呈現(xiàn)為十字線。 |
pointer | 光標呈現(xiàn)為指示鏈接的指針(一只手) |
move | 此光標指示某對象可被移動。 |
e-resize | 此光標指示矩形框的邊緣可被向右(東)移動。 |
ne-resize | 此光標指示矩形框的邊緣可被向上及向右移動(北/東)。 |
nw-resize | 此光標指示矩形框的邊緣可被向上及向左移動(北/西)。 |
n-resize | 此光標指示矩形框的邊緣可被向上(北)移動。 |
se-resize | 此光標指示矩形框的邊緣可被向下及向右移動(南/東)。 |
sw-resize | 此光標指示矩形框的邊緣可被向下及向左移動(南/西)。 |
s-resize | 此光標指示矩形框的邊緣可被向下移動(北/西)。 |
w-resize | 此光標指示矩形框的邊緣可被向左移動(西)。 |
text | 此光標指示文本。 |
wait | 此光標指示程序正忙(通常是一只表或沙漏)。 |
help | 此光標指示可用的幫助(通常是一個問號或一個氣球)。 |
實例
本例改變指針:
<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>