js改变鼠标的形状和样式的方法

2014-03-31 24

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
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或者更新版本,上面的指针样式如下:
js改变鼠标的形状和样式的方法 

要通过脚本改变某一个元素的鼠标指针样式,你可以把元素的属性element.style.cursor设为上面的任何一个值。(另外一种不用javascript的方法,可以在元素的html标签中使用属性):

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

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

更多Javascript文章

JavaScript中“基本类型”之争小结
Jan 03 23
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
Nov 04 19
纯javascript代码实现计算器功能(三种方法)
Sep 07 15
Bootstrap Table使用整理(二)
Jun 09 24
vue使用rem实现 移动端屏幕适配
Sep 26 23
微信小程序实现分享朋友圈的图片功能示例
Jan 18 24
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 11 33
手机访问当前页面