js改变鼠标的形状和样式的方法
2014-03-31 15:46
501 查看
当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
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:(你想改的样式)。
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
- MFC改变鼠标形状的方法汇总
- JS实现鼠标滑过链接改变网页背景颜色的方法
- Ferris教程学习笔记:js示例2.4 鼠标移入改变样式,鼠标移出恢复
- CSS/HTML改变鼠标指针形状方法 属性说明
- 改变鼠标指针形状两种方法及实例
- MFC改变鼠标形状的方法汇总
- CSS/HTML改变鼠标指针形状方法 属性说明
- unity 改变鼠标样式的两种方法
- JS实现鼠标滑过链接改变网页背景颜色的方法
- 改变鼠标指针形状的两种方法
- 鼠标滑过改变样式JS函数
- MFC编程改变鼠标形状的方法汇总
- js改变鼠标样式
- JS改变鼠标样式
- JS实现文字链接感应鼠标淡入淡出改变颜色的方法
- 改变鼠标指针形状两种方法及实例
- 用CSS来改变网页鼠标显示样式的方法