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 Ajax之load()方法
Oct 12 Javascript
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
jQuery中size()方法用法实例
Dec 27 Javascript
JavaScript中pop()方法的使用教程
Jun 09 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
关于前后端json数据的发送与接收详解
Jul 30 Javascript
深入理解React高阶组件
Sep 28 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
Angular8路由守卫原理和使用方法
Aug 29 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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
用PHP来写记数器(详细介绍)
2006/10/09 PHP
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
php计算title标题相似比的方法
2015/07/29 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
javascript 兼容所有浏览器的DOM扩展功能
2012/08/01 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
分析JS单线程异步io回调的特性
2017/12/01 Javascript
js实现延迟加载的几种方法详解
2019/01/19 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
利用Python演示数型数据结构的教程
2015/04/03 Python
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
python中列表和元组的区别
2017/12/18 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
python实现事件驱动
2018/11/21 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
win10安装python3.6的常见问题
2020/07/01 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
高级文秘工作总结的自我评价
2013/09/28 职场文书
业务代表的岗位职责
2013/11/16 职场文书
小学体育教学反思
2014/01/31 职场文书
感恩教育活动总结
2014/05/05 职场文书
2014年居委会工作总结
2014/12/09 职场文书
幼儿教师个人总结
2015/02/05 职场文书
Django基础CBV装饰器和中间件
2022/03/22 Python
详解flex:1什么意思
2022/07/23 HTML / CSS