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


Posted in Javascript onMarch 31, 2014

当今多数浏览器支持一下指针样式(将鼠标移动到样式名称上以观察指针样式改变为那个样式):
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 相关文章推荐
Jquery 动态添加按钮实现代码
May 06 Javascript
jquery判断浏览器类型的代码
Nov 05 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
Nov 26 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
vue分页器组件编写方法详解
Jun 28 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
移动端JS实现拖拽两种方法解析
Oct 12 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 #Javascript
js简单的表格添加行和删除行操作示例
Mar 31 #Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 #Javascript
jquery控制display属性为none或block
Mar 31 #Javascript
js原型继承的两种方法对比介绍
Mar 30 #Javascript
详解JavaScript中undefined与null的区别
Mar 29 #Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 #Javascript
You might like
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
php中截取中文字符串的代码小结
2011/07/17 PHP
详谈PHP编码转换问题
2015/07/28 PHP
PHP发送短信代码分享
2015/08/11 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
javascript 写类方式之三
2009/07/05 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
Python中的日期时间处理详解
2016/11/17 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
详解python中的数据类型和控制流
2019/08/08 Python
python redis 批量设置过期key过程解析
2019/11/26 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
解释下面关于J2EE的名词
2013/11/15 面试题
应届生法律求职信
2013/10/22 职场文书
优秀经理获奖感言
2014/03/04 职场文书
期末评语大全
2014/05/04 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
新闻稿格式范文
2015/07/18 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
几款流行的HTML5 UI框架比较(小结)
2021/04/08 HTML / CSS
Python中zipfile压缩包模块的使用
2021/05/14 Python
Java输出Hello World完美过程解析
2021/06/13 Java/Android
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技