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 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
一个JavaScript的求爱小特效
May 09 Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
React教程之封装一个Portal可复用组件的方法
Jan 02 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 Javascript
Vue 使用beforeEach实现登录状态检查功能
Oct 31 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 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
用户的详细注册和判断
2006/10/09 PHP
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
js jq 单击和双击区分示例介绍
2013/11/05 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
2016/12/22 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
2017/02/22 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
Python类属性与实例属性用法分析
2015/05/09 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
python 实现tar文件压缩解压的实例详解
2017/08/20 Python
基于Python实现的ID3决策树功能示例
2018/01/02 Python
浅谈Python中的私有变量
2018/02/28 Python
python解决字符串倒序输出的问题
2018/06/25 Python
python中退出多层循环的方法
2018/11/27 Python
python实现淘宝秒杀脚本
2020/06/23 Python
python编写简单端口扫描器
2019/09/04 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
用python绘制樱花树
2020/10/09 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
SQL中where和having的区别
2012/06/17 面试题
2014新年元旦活动策划方案
2014/02/18 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
2015年毕业生个人自荐书
2015/03/24 职场文书
消防宣传标语大全
2015/08/03 职场文书
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang