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 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
js onload事件不起作用示例分析
Oct 09 Javascript
实现51Map地图接口(示例代码)
Nov 22 Javascript
jQuery中:file选择器用法实例
Jan 04 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
理解jquery事件冒泡
Jan 03 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
May 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动态生成VRML网页
2006/10/09 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
javascript中Date format(js日期格式化)方法小结
2015/12/17 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
一篇文章看懂JavaScript中的回调
2021/01/05 Javascript
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
python3 xpath和requests应用详解
2020/03/06 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
国家地理在线商店:Shop National Geographic
2018/06/30 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
优秀学生获奖感言
2014/02/15 职场文书
幼儿教师寄语集锦
2014/04/03 职场文书
文明礼仪标语
2014/06/13 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
保送生自荐信
2015/03/06 职场文书
golang内置函数len的小技巧
2021/07/25 Golang
Python中itertools库的四个函数介绍
2022/04/06 Python