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 相关文章推荐
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
Jul 28 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安装为Apache DSO
2006/10/09 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
js判断字符长度以及中英文数字等
2013/12/31 Javascript
nodejs教程之入门
2014/11/21 NodeJs
jQuery中:input选择器用法实例
2015/01/03 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
AngularJS中table表格基本操作示例
2017/10/10 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
python 异或加密字符串的实例
2018/10/14 Python
python爬取内容存入Excel实例
2019/02/20 Python
Python:slice与indices的用法
2019/11/25 Python
Python基于requests库爬取网站信息
2020/03/02 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
农业资源与环境专业自荐信范文
2013/12/30 职场文书
开业庆典邀请函
2014/01/08 职场文书
《掌声》教学反思
2014/02/23 职场文书
工厂搬迁方案
2014/05/11 职场文书
视光学专业自荐信
2014/06/24 职场文书
Mysql Show Profile
2021/04/05 MySQL
JavaScript实现栈结构详细过程
2021/12/06 Javascript
Python中字符串对象语法分享
2022/02/24 Python
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python
win10更新失败无限重启解决方法
2022/04/19 数码科技
nginx之内存池的实现
2022/06/28 Servers
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技