HTML DOM cursor 属性

来源：互联网发布：数学不好可以学编程吗编辑：程序博客网时间：2024/06/13 03:15

HTML DOM cursor 属性

定义和用法

cursor 属性规定所显示的指针（光标）的类型。

语法：

Object.style.cursor=cursortype

可能的值

值描述url

需被使用的自定义光标的URL

注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。

default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）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>

转自w3school

0 0