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 相关文章推荐
JavaScript 实现模态对话框 源代码大全
May 02 Javascript
JSON 教程 json入门学习笔记
Sep 22 Javascript
计算世界完全对称日的js代码,粗糙版
Nov 04 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
深入浅析JS的数组遍历方法(推荐)
Jun 15 Javascript
sea.js常用的api简易文档
Nov 15 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 Javascript
vue+iview分页组件的封装
Nov 17 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
php date与gmdate的获取日期的区别
2010/02/08 PHP
php curl post 时出现的问题解决
2014/01/30 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
JS合并数组的几种方法及优劣比较
2014/09/19 Javascript
教你如何使用node.js制作代理服务器
2014/11/26 Javascript
仿iframe效果Aajx文件上传实例
2016/11/18 Javascript
详解js的异步编程技术的方法
2017/02/09 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
无循环 JavaScript(map、reduce、filter和find)
2017/04/08 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
Javascript作用域和作用域链原理解析
2020/03/03 Javascript
python定时器使用示例分享
2014/02/16 Python
Python操作sqlite3快速、安全插入数据(防注入)的实例
2014/04/26 Python
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
python pandas中对Series数据进行轴向连接的实例
2018/06/08 Python
django 将model转换为字典的方法示例
2018/10/16 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
python中的&&及||的实现示例
2019/08/07 Python
Python实现二叉树的最小深度的两种方法
2019/09/30 Python
python基于opencv检测程序运行效率
2019/12/28 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
python 深度学习中的4种激活函数
2020/09/18 Python
PHP面试题-$message和$$message的区别
2015/12/08 面试题
工商管理实习生自我鉴定范文
2013/12/18 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
企业贷款委托书格式
2014/09/12 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
alibaba seata服务端具体实现
2022/02/24 Java/Android