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/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 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/10/09 PHP
用windows下编译过的eAccelerator for PHP 5.1.6实现php加速的使用方法
2007/09/30 PHP
php学习笔记之 函数声明(二)
2011/06/09 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
js 加载并解析XML字符串的代码
2009/12/13 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
js友好的时间返回函数
2016/08/24 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
解决vue 表格table列求和的问题
2019/11/06 Javascript
JS判断数组是否包含某元素实现方法汇总
2020/06/24 Javascript
Python用模块pytz来转换时区
2016/08/19 Python
Python PyCharm如何进行断点调试
2019/07/05 Python
Python递归求出列表(包括列表中的子列表)的最大值实例
2020/02/27 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
奥地利网上现代灯具和灯饰店:Lampenwelt.at
2018/01/29 全球购物
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
环境工程专业个人求职信
2013/12/05 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
社区健康教育工作方案
2014/06/03 职场文书
环保口号大全
2014/06/12 职场文书
员工年终自我评价
2014/09/14 职场文书
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
机动车登记业务委托书
2014/10/08 职场文书
闪闪的红星观后感
2015/06/08 职场文书
一文解答什么是MySQL的回表
2022/08/05 MySQL