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 相关文章推荐
用dtree实现树形菜单 dtree使用说明
Oct 17 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
js比较日期大小的方法
May 12 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
Oct 26 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
jquery css实现流程进度条
Mar 26 jQuery
使用vue cli4.x搭建vue项目的过程详解
May 08 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中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
php实现算术验证码功能
2018/12/05 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
javascript 鼠标滚轮事件
2009/04/09 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
bootstrap常用组件之头部导航实现代码
2017/04/20 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
JS抛物线动画实例制作
2018/02/24 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
JS如何实现动态添加的元素绑定事件
2019/11/12 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
2020/10/28 Javascript
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
python并发编程之线程实例解析
2017/12/27 Python
python如何修改装饰器中参数
2018/03/20 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
乌克兰在线药房:Аптека24
2019/10/30 全球购物
Jones Bootmaker官网:优质靴子和鞋子在线
2020/11/30 全球购物
培训演讲稿范文
2014/01/12 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
先进党支部申报材料
2014/12/24 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
HTML基础详解(上)
2021/10/16 HTML / CSS
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript