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 typeof 用法
Dec 28 Javascript
JQuery 常用操作代码
Mar 14 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
关于Javascript加载执行优化的研究报告
Dec 16 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
js+canvas实现画板功能
Sep 13 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中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
浅谈PHP的数据库接口和技术
2016/12/09 PHP
PHP实现打包下载文件的方法示例
2017/10/07 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
validator验证控件使用代码
2010/11/23 Javascript
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
Popup弹出框添加数据实现方法
2017/10/27 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
讲解python参数和作用域的使用
2013/11/01 Python
Python3基础之list列表实例解析
2014/08/13 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
python的依赖管理的实现
2019/05/14 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
python3获取url文件大小示例代码
2019/09/18 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
python3将变量输入的简单实例
2020/08/19 Python
Scrapy+Selenium自动获取cookie爬取网易云音乐个人喜爱歌单
2021/02/01 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
编程输出如下图形
2013/11/24 面试题
毕业设计计划书
2014/01/09 职场文书
食品安全检查制度
2014/02/03 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
西式婚礼主持词
2014/03/13 职场文书
《将心比心》教学反思
2014/04/08 职场文书
英语导游词
2015/02/13 职场文书
地道战观后感400字
2015/06/04 职场文书
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
Nginx的gzip相关介绍
2022/05/11 Servers