当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
在Windows Internet Explorer 6.0或者更新版本,上面的指针样式如下:
[img]http://dl.iteye.com/upload/attachment/0067/8959/fa4ca317-856c-3e32-9d1a-cc2e473b8918.gif[/img]
要通过脚本改变某一个元素的鼠标指针样式,你可以把元素的属性element.style.cursor设为上面的任何一个值。(另外一种不用JavaScript的方法,可以在元素的HTML标签中使用属性style="cursor:value;"):
补充一个常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式)。
auto move no-drop col-resize
all-scroll pointer not-allowed row-resize
crosshair progress e-resize ne-resize
default text n-resize nw-resize
help vertical-text s-resize se-resize
inherit wait w-resize sw-resize
在Windows Internet Explorer 6.0或者更新版本,上面的指针样式如下:
[img]http://dl.iteye.com/upload/attachment/0067/8959/fa4ca317-856c-3e32-9d1a-cc2e473b8918.gif[/img]
要通过脚本改变某一个元素的鼠标指针样式,你可以把元素的属性element.style.cursor设为上面的任何一个值。(另外一种不用JavaScript的方法,可以在元素的HTML标签中使用属性style="cursor:value;"):
function setCursorByID(id,cursorStyle) {
if (document.getElementById) {
if (document.getElementById(id).style) {
document.getElementById(id).style.cursor=cursorStyle;
}
}
}
补充一个常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式)。