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实战_读书笔记1—选择jQuery
Jan 22 Javascript
基于jquery库的tab新形式使用
Nov 16 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
vue.js项目nginx部署教程
Apr 05 Javascript
koa-router源码学习小结
Sep 07 Javascript
layui文件上传控件带更改后数据传值的方法
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
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
php 文件缓存函数
2011/10/08 PHP
PHP编程风格规范分享
2014/01/15 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
PHP实现将MySQL重复ID二维数组重组为三维数组的方法
2016/08/01 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
Thinkphp5+Redis实现商品秒杀代码实例讲解
2020/12/29 PHP
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
python生成每日报表数据(Excel)并邮件发送的实例
2019/02/03 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
电影T恤、80年代T恤和80年代服装:TV Store Online
2020/01/05 全球购物
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
求职简历的自我评价
2014/01/31 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书
聘任书的格式及模板
2019/10/28 职场文书
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL