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中:input和input的区别分析
Jul 13 Javascript
由Javascript实现的页面日历
Nov 04 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
javascript:void(0)的问题使用探讨
Apr 10 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
JavaScript中this详解
Sep 01 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
js下载文件并修改文件名
May 08 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
解决vue打包 npm run build-test突然不动了的问题
Nov 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中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
PHP自定义函数格式化json数据示例
2016/09/14 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
js实现无缝滚动特效
2015/12/20 Javascript
js实现浏览器倒计时跳转页面效果
2016/08/12 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
es6 symbol的实现方法示例
2019/04/02 Javascript
微信小程序位置授权处理方法
2019/06/13 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
[01:26]神话结束了,却也刚刚开始——DOTA2新英雄玛尔斯驾临战场
2019/03/10 DOTA
详解使用python crontab设置linux定时任务
2016/12/08 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
django使用xadmin的全局配置详解
2019/11/15 Python
Django配置跨域并开发测试接口
2020/11/04 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
精彩自我鉴定
2014/01/16 职场文书
2014年统计工作总结
2014/11/21 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书