html改变鼠标形状的方法：1、用css的cursor属性来改变鼠标指针形状，代码如“.a{ cursor:hand }”；2、利用第三方控件来改变鼠标指针形状。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
CSS/HTML 改变鼠标指针形状
改变鼠标指针形状的方法有两种；第一种：用css cursor属性来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状
我们先来看第一种：用cursor属性来改变鼠标指针形状。
立即学习“前端免费学习笔记（深入）”；
有些时候我们并不需要文字，图片加链接，而且还想要加链接时的鼠标样式。这就用到了我们的css样式表来鼠标指针形状了。请下面的css鼠标指针css样式表的一些属性：
默认
default
文字/编辑
text
自动
auto
手形
pointer, hand(hand是IE专有)
可移动对象
move
不允许
not-allowed
无法释放
no-drop
等待/沙漏
wait
帮助
help
十字准星
crosshair
向上改变大小(North)
n-resize
向下改变大小(South)
s_resize 与n-resize效果相同
向左改变大小(West)
w-resize
向右改变大小(East)
e-resize 与w-resize效果相同
向左上改变大小（NorthWest）
nw-resize
向左下改变大小（SouthWest）
sw-resize
向右上改变大小（NorthEast）
ne-resize 与sw-resize效果相同
向右下改变大小（SouthEast）
se-resize 与nw-resize效果相同
自定义光标
url(‘光标地址’)
以上就是改变鼠标指针形状的css样式表。如何应用呢？下面我们用实例来说明一下：
.a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/欢迎您到XXX来做客
登录后复制
也可以直接将样式表写在p标签中效果是一样的哟如:
欢迎您到XXX来做客
登录后复制
还有一种用法其原理是：利用了CSS2的一个cursor的属性cursor：url (url)，鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。
【推荐学习：HTML视频教程】
改变鼠标指针形状的第二种方法:利用第三方控件的方法
这种方法非常简单，只需要讲以下代码加到网页文件的
之间：
var Loaded=false;var Flag=false;if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);
登录后复制
修改后，浏览此网页的时候浏览器会弹出一个“安全设置警告”，点击“是”，系统自动安装控件，鼠标就可以按照你的需要显示了。
那么，如何才能选择你所需要的鼠标样式呢？先登陆网站http://www.cometzone.com，这个网站有14个大类4000多种鼠标，内容十分广泛，鼠标文件制作也很精美，你可以根据需要从类别中选择需要的鼠标，点击相应的鼠标图片就可以预览到不同的效果。
选中鼠标后，点击网页左边导航的“GET CURSOR CODE”链接，转到下一页，再点击“Select Code”按钮，按钮下这个多行文本框里面的内容就是我上面提供的代码，只是代码中TheCometCursor(‘cd_electric’,0,626)部分不同，显示的鼠标状态也不同.
以上就是html怎么改变鼠标形状的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2952316.html
