HTML DOM cursor 属性

转载 2016年06月02日 09:49:59

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

HTML DOM cursor 属性

cursor 属性规定所显示的指针(光标)的类型。 语法: Object.style.cursor=cursortype 可能的值 值 描述 url ...
  • huihui870311
  • huihui870311
  • 2015年05月06日 18:41
  • 230

HTML属性与DOM属性的区别

对于浏览器引擎而言,并不存在“HTML标签”这回事,其本质是DOM节点对象。也并不存在“HTML文档”这回事,其本质是DOM节点对象组成的文档树。浏览器引擎只是存储和渲染DOM节点对象。...
  • BonJean
  • BonJean
  • 2016年10月05日 23:33
  • 1523

DOM属性和HTML属性的区别

这两者之间的区别我之前可能不小心涉及过。参考这篇博客:http://blog.csdn.net/u014291497/article/details/50639628。 但是没有细致的了解之间的本质...
  • u014291497
  • u014291497
  • 2017年03月14日 22:09
  • 435

HTML DOM节点的属性获取

根据实验发现,dom节点中,html节点都有下列的属性,并列举重要的属性: 例如: var trObj = document.getElementById("id_1");  //获得一个...
  • whereismatrix
  • whereismatrix
  • 2015年04月27日 17:51
  • 1877

DOM对象属性(property)与HTML标签特性(attribute)

HTML中property与attribute是极易混淆的两个概念。大多数时候这两个单词都翻译为“属性”,为了区分二者,一般将property翻译为”属性”,attribute翻译为”特性”。 ...
  • huangyibin628
  • huangyibin628
  • 2014年09月09日 15:27
  • 2862

关于Dom元素的属性(property)和特性(attribute)

关于这两个的问题一直是前端程序员的困惑,前几天看了一下网上的资料,前天恰好看了jquery作者的讲解,我的理解是属性是类似于js对象里的属性,可以随便写一个,特性是html里固有的变量,比如id和cl...
  • THEANARKH
  • THEANARKH
  • 2016年05月28日 05:52
  • 892

2016.11.11 HTML DOM(对象方法 属性 访问 修改 事件 导航节点)

对象方法:getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。getElementsByClassName()     返回包含带有指定类名的...
  • qq_36434014
  • qq_36434014
  • 2016年11月11日 11:18
  • 310

HTML DOM之属性的各种操作方法

DOM
  • tian361zyc
  • tian361zyc
  • 2017年06月15日 19:44
  • 150

css样式cursor属性值

定义:设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 使用自定义图像作为光标类型,IE, Opera只支持*.cur等特定的图片格式;Firefox, Chrome, Safari既...
  • Daisukes
  • Daisukes
  • 2016年10月17日 16:31
  • 1183

CSS中cursor的属性hander和pointer

在CSS中手型指针有cursor:hand和cursor:pointer两种写法,其中 cursor:hand在FireFox中不支持,返回错误! cursor:hand 与 cursor:po...
  • wzy_3463
  • wzy_3463
  • 2012年10月30日 12:03
  • 6137
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML DOM cursor 属性
举报原因:
原因补充:

(最多只允许输入30个字)