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 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
javascript操作excel生成报表示例
May 08 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
使用Node.js实现RESTful API的示例
Aug 01 Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
JS获取当前地理位置的方法
Oct 25 Javascript
vue视频播放暂停代码
Nov 08 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 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
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
php中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
10个简化PHP开发的工具
2014/12/25 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
php实例化一个类的具体方法
2019/09/19 PHP
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
js实现日历与定时器
2017/02/22 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
jquery图片放大镜效果
2017/06/23 jQuery
Vue组件通信实践记录(推荐)
2017/08/15 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
token 机制和实现方式
2020/12/15 Javascript
python daemon守护进程实现
2016/08/27 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
解决python3 json数据包含中文的读写问题
2018/05/10 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Python运行异常管理解决方案
2020/03/09 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
Python的信号库Blinker用法详解
2020/12/31 Python
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
工作态度检讨书
2014/02/11 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
孔繁森观后感
2015/06/10 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书