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 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
js 取时间差去掉周六周日实现代码
Dec 25 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 Javascript
小程序自定义圆形进度条
Nov 17 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP开发入门教程之面向对象
2006/12/05 PHP
PHP下载生成的csv文件及问题总结
2015/08/06 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
Laravel中如何轻松容易的输出完整的SQL语句
2020/07/26 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
Javascript alert消息换行的方法
2013/08/07 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
JavaScript通过事件代理高亮显示表格行的方法
2015/05/27 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
jQuery实现的模拟弹出窗口功能示例
2016/11/24 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
Python创建xml的方法
2015/03/10 Python
python实现的简单抽奖系统实例
2015/05/22 Python
python中的迭代和可迭代对象代码示例
2017/12/27 Python
Python3生成手写体数字方法
2018/01/30 Python
Python实现操纵控制windows注册表的方法分析
2019/05/24 Python
Python连接mysql方法及常用参数
2020/09/01 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
医院护士见习期自我鉴定
2014/04/10 职场文书
小学语文课后反思精选
2014/04/25 职场文书
主题党日活动总结
2014/07/08 职场文书
法人委托书的范本格式
2014/09/11 职场文书
农村党员对照检查材料
2014/09/24 职场文书
护士年终个人总结
2015/02/13 职场文书
公司停电通知
2015/04/15 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS
Nginx 常用配置
2022/05/15 Servers