JavaScript 修改鼠标指针样式的完整指南

常见鼠标指针样式列表

当前主流浏览器均支持多种指针样式。您可以将鼠标悬停在以下样式名称上，以预览对应的鼠标指针外观变化：

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及更高版本中，上述指针样式均可正常显示。

通过JavaScript动态修改鼠标样式

若需通过JavaScript脚本动态更改特定元素的鼠标指针样式，可将该元素的style.cursor属性设置为上述任意一个值。此外，还有一种无需JavaScript的方法，即直接在HTML标签中指定相关属性。

 
function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid(id).style.cursor=cursorstyle;
} 
} 
} 

补充一个常用的改变鼠标样式的方法：如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式)。