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实现的可以编辑选择的下拉框的代码
Nov 19 Javascript
javascript动态加载三
Aug 22 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 Javascript
详解js静态资源文件请求的处理
Aug 01 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
Sep 14 Javascript
jQuery响应滚动条事件功能示例
Oct 14 jQuery
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
webpack源码之loader机制详解
Apr 06 Javascript
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
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
flash用php连接数据库的代码
2011/04/21 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
PHP文件锁函数flock()详细介绍
2014/11/18 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
jQuery实现为控件添加水印文字效果(附源码)
2015/12/02 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
JS实现滑动插件
2020/01/15 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
js实现头像上传并且可预览提交
2020/12/25 Javascript
跟老齐学Python之深入变量和引用对象
2014/09/24 Python
python实现每次处理一个字符的三种方法
2014/10/09 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
python中实现指定时间调用函数示例代码
2017/09/08 Python
基于Python实现的ID3决策树功能示例
2018/01/02 Python
python并发和异步编程实例
2018/11/15 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
css3学习心得分享
2013/08/19 HTML / CSS
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
html5拍照功能实现代码(htm5上传文件)
2013/12/11 HTML / CSS
外贸主管求职简历的自我评价
2013/10/23 职场文书
小学语文国培感言
2014/03/04 职场文书
财产公证书
2014/04/10 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL
vue项目多环境配置(.env)的实现
2021/07/21 Vue.js
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android