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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
js编写三级联动简单案例
Dec 21 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
详解Vue中添加过渡效果
Mar 20 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
canvas绘制折线路径动画实现
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
phpmailer发送gmail邮件实例详解
2013/06/24 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
2015/06/29 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
AngularJS中重新加载当前路由页面的方法
2018/03/09 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
[01:21]辉夜杯战队访谈宣传片—CDEC
2015/12/25 DOTA
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
PyQt5通信机制 信号与槽详解
2019/08/07 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
Python timeit模块的使用实践
2020/01/13 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
python3.8动态人脸识别的实现示例
2020/09/21 Python
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
中间件的定义
2016/08/09 面试题
仓库管理专业个人自我评价范文
2013/11/11 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
家长对学生的评语
2014/04/18 职场文书
外联部演讲稿
2014/05/24 职场文书
师德师风事迹材料
2014/12/20 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书