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 相关文章推荐
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
Aug 21 Javascript
Extjs学习笔记之四 工具栏和菜单
Jan 07 Javascript
使用Javascript接收get传递的值的代码
Nov 30 Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
jQuery实现导航回弹效果
Feb 27 Javascript
js实现日期显示的一些操作(实例讲解)
Jul 27 Javascript
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
前端深入理解Typescript泛型概念
Mar 09 Javascript
js实现简易计算器小功能
Nov 18 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一些有意思的小区别
2006/12/06 PHP
yii上传文件或图片实例
2014/04/01 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
thinkPHP事务操作简单案例分析
2019/10/17 PHP
一段非常简单的让图片自动切换js代码
2006/11/10 Javascript
JQuery 常用方法基础教程
2009/02/06 Javascript
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
Jquery获取和修改img的src值的方法
2014/02/17 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
设置cookie指定时间失效(实例代码)
2017/05/28 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
基于webpack.config.js 参数详解
2018/03/20 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
JavaScript中AOP的实现与应用
2019/05/06 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
python数据结构之二叉树的遍历实例
2014/04/29 Python
python在非root权限下的安装方法
2018/01/23 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
python 获取键盘输入,同时有超时的功能示例
2018/11/13 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
使用python获取邮箱邮件的设置方法
2019/09/20 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
详解CSS3:overflow属性
2020/11/17 HTML / CSS
国旗下讲话演讲稿
2014/05/08 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
年会邀请函范文
2015/01/30 职场文书
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python