js改变鼠标的形状和样式

js改变鼠标的形状和样式

博客分类：
• javascript

htmlcssjavascript脚本windows 

当今多数浏览器支持一下指针样式（将鼠标移动到样式名称上以观察指针样式改变为那个样式）：

Css代码  

1. auto        move           no-drop      col-resize  
2. all-scroll  pointer        not-allowed  row-resize  
3. crosshair   progress       e-resize     ne-resize  
4. default     text           n-resize     nw-resize  
5. help        vertical-text  s-resize     se-resize     
6. inherit     wait           w-resize     sw-resize  

在Windows Internet Explorer 6.0或者更新版本，上面的指针样式如下：


要通过脚本改变某一个元素的鼠标指针样式，你可以把元素的属性element.style.cursor设为上面的任何一个值。（另外一种不用JavaScript的方法，可以在元素的HTML标签中使用属性style="cursor:value;"）：

Js代码  

1. function setCursorByID(id,cursorStyle) {  
2. if (document.getElementById) {  
3.   if (document.getElementById(id).style) {  
4.    document.getElementById(id).style.cursor=cursorStyle;  
5.   }  
6. }  
7. }  

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