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 相关文章推荐
用Javascript实现UTF8编码转换成gb2312编码
Dec 22 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
同步异步动态引入js文件的几种方法总结
Sep 23 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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
phpQuery占用内存过多的处理方法
2013/11/13 PHP
PHP中is_file不能替代file_exists的理由
2014/03/04 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
PHP中的self关键字详解
2019/06/23 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
2007/08/08 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
JavaScript多线程详解
2015/08/12 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
详解Vue的mixin策略
2020/11/19 Vue.js
python使用递归解决全排列数字示例
2014/02/11 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
keras之权重初始化方式
2020/05/21 Python
Python网页解析器使用实例详解
2020/05/30 Python
Java程序员面试题
2013/07/15 面试题
英语老师推荐信
2014/02/26 职场文书
新文化运动的口号
2014/06/21 职场文书
研究生求职自荐书
2014/06/23 职场文书
工会工作先进事迹
2014/08/18 职场文书
授权委托书公证
2014/09/14 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
员工工作及收入证明
2014/10/28 职场文书
2015年打非治违工作总结
2015/04/02 职场文书
惊天动地观后感
2015/06/10 职场文书
钢铁是怎样炼成的读书笔记
2015/06/29 职场文书
校园运动会广播稿
2015/08/19 职场文书
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android