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

2014-03-31 55

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
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文章

Add a Table to a Word Document
Jun 15 43
手机平板等移动端适配跳转URL的js代码
Jan 25 45
js不间断滚动的简单实现
Jun 03 42
微信小程序 石头剪刀布实例代码
Jan 04 48
vue自定义指令directive的使用方法
Apr 07 41
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 71
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 35
手机访问当前页面