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常见属性

  • 2012年07月11日 10:03
  • 13KB
  • 下载

将HTML DOM中几个容易常用的属性做下记录

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。 nodeName 属性含有某个节点的名称。  元素节点的 nodeName 是标签名称  属性节点的...
  • yy243
  • yy243
  • 2016年07月22日 21:51
  • 184

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

HTML中property与attribute是极易混淆的两个概念。大多数时候这两个单词都翻译为“属性”,为了区分二者,一般将property翻译为”属性”,attribute翻译为”特性”。 ...

HTML Dom 对象,属性,事件的整理

HTML Dom ====================================================================================== 一...

HTML属性与DOM属性的区别

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

【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件

实时监听input[type='text']和HTML标签中属性改变事件 序号 IE Firefox 备注 1 支持 input、div 支持input type=...

HTML DOM 方法属性

可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。 所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。 方法是您能够执行的动作(比如添加或修改元素...

html 中的属性(property)以及DOM对象中的attributes的详解

先来讲讲今天的主题: 探索property(也就是html的某些属性,比如input的value id这些自带属性)和attributes(html中能看到的所有属性,包括自定义属性)的差异 先来讲...

jQuery学习笔记:DOM操作(二)——属性、类、HTML、CSS

属性操作获取属性和设置属性attr() 如果要获取属性,那么给attr()方法传递一个参数,即属性名称。 $("img").attr("src"); 如果要设置属性,那么就传递两个参数,即属性名和对应...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML DOM cursor 属性
举报原因:
原因补充:

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