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 相关文章推荐
js 全兼容可高亮二级缓冲折叠菜单
Jun 04 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
Jan 11 Javascript
Area 区域实现post提交数据的js写法
Apr 22 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
JavaScript变量声明详解
Nov 27 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
Jun 08 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
Angular-Touch库用法示例
Dec 22 Javascript
vue-cli设置css不生效的解决方法
Feb 07 Javascript
vue的$http的get请求要加上params操作
Nov 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
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
2011/01/06 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
2012/01/04 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
2016/03/06 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
基于jQuery实现的设置文本区域的光标位置
2018/06/15 jQuery
pandas分别写入excel的不同sheet方法
2018/12/11 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
HTML5 audio标签使用js进行播放控制实例
2015/04/24 HTML / CSS
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
Java里面有没有全局变量?为什么?
2015/02/06 面试题
一套.net面试题及答案
2016/11/02 面试题
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
工程专业毕业生自荐信范文
2013/12/25 职场文书
党员十八大心得体会
2014/09/12 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
2014年妇产科工作总结
2014/12/08 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
放假通知格式
2015/04/14 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
妇联2016年六一国际儿童节活动总结
2016/04/06 职场文书
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android