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 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
Jquery 自定义动画概述及示例
Mar 29 Javascript
js循环改变div颜色具体方法
Jun 25 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
Dec 03 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
JavaScript实现瀑布流图片效果
Jun 30 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
解析vue中的$mount
Dec 21 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
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-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
php简单统计在线人数的方法
2016/05/10 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
Jquery数独游戏解析(一)-页面布局
2010/11/05 Javascript
javascript定时保存表单数据的代码
2011/03/17 Javascript
js控制web打印(局部打印)方法整理
2013/05/29 Javascript
javascript使用isNaN()函数判断变量是否为数字
2013/09/21 Javascript
前端开发过程中浏览器版本的两种判定方法
2013/10/30 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
基于jQuery实现复选框是否选中进行答题提示
2015/12/10 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
python实现网页录音效果
2020/10/26 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
美国内衣品牌:Leonisa
2016/08/14 全球购物
成教自我鉴定
2013/10/27 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
元旦联欢会主持词
2014/03/26 职场文书
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers