最新的Web开发教程
 

Style cursor Property

<Style对象

更改光标:

document.getElementById("myP").style.cursor = "pointer";
试一试»

定义和用法

光标属性设置或返回光标的类型,以显示鼠标指针。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

光标属性在所有主流浏览器的支持。


句法

返回光标属性:

object .style.cursor

设置光标属性:

object .style.cursor= 属性值
描述
alias 光标指示的东西的别名是要创建
all-scroll 光标显示的东西可以在任何方向滚动
auto 默认。 浏览器设置一个游标
cell 光标指示的单元(or set of cells)可以被选择
context-menu 将光标表示上下文菜单可用
col-resize 光标指示该列可以被调整大小水平
copy 光标指示的东西要被复制
crosshair 光标呈现为十字线
default 默认光标
e-resize 光标指示盒子的边缘被向右移动(east)
ew-resize 表示一个双向的大小调整光标
help 光标显示有帮助文件
move 光标说明什么是移动
n-resize 光标指示盒子的边缘被向上移动(north)
ne-resize 光标指示盒子的边缘被移动,向上和向右(north/east)
nesw-resize 表示一个双向的大小调整光标
ns-resize 表示一个双向的大小调整光标
nw-resize 光标指示盒子的边缘被向上移动和左(north/west)
nwse-resize 表示一个双向的大小调整光标
no-drop 光标表明拖动的项不能被丢弃在这里
none 没有光标呈现为元素
not-allowed 光标表示所请求的动作将不会被执行
pointer 光标是一个指针和表示链接
progress 光标指示该程序正忙(in progress)
row-resize 光标指示该行可垂直调整大小
s-resize 光标指示盒子的边缘被向下移动(south)
se-resize 光标指示盒子的边缘被向下移动,右(south/east)
sw-resize 光标指示盒的边缘可向下移动和左(south/west)
text 的光标表示可以选择的文本
URL 以逗号分隔的URL列表,自定义光标。 Note:在列表的末尾始终指定一个通用的光标,以防没有网址定义游标可以使用
vertical-text 的光标表示可被选择垂直文本
w-resize 光标指示盒子的边缘被向左移动(west)
wait 光标指示该程序正忙
zoom-in 光标显示的东西可放大
zoom-out 光标显示的东西可以被缩小
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 汽车
返回值: 一个字符串,表示所显示的鼠标光标当鼠标指针在元件
CSS版本 CSS2

更多示例

显示所有可用的光标:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
试一试»

返回游标类型:

alert(document.getElementById("myP").style.cursor);
试一试»

相关页面

CSS参考: cursor property


<Style对象