signed

QiShunwang

“诚信为本、客户至上”

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

2021/6/9 4:21:11   来源:
当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
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或者更新版本,上面的指针样式如下:
 

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

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

补充一个常用的改变鼠标样式的方法:如果你想鼠标移动到某个元素上改变鼠标样式 就在这个元素的样式里加上 cursor:(你想改的样式)。
您可能感兴趣的文章:
  • JS鼠标事件大全 推荐收藏
  • 使用JS或jQuery模拟鼠标点击a标签事件代码
  • js与jquery中获取当前鼠标的x、y坐标位置的代码
  • js 鼠标点击事件及其它捕获
  • javascript 鼠标事件总结
  • javascript监听鼠标滚轮事件浅析
  • js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
  • js中鼠标滚轮事件详解(firefox多浏览器)
  • js判断鼠标位置是否在某个div中的方法
  • JS实现超级好看的鼠标小尾巴特效