改变鼠标指针形状两种方法及实例

改变鼠标指针形状的方法有两种；一种：用css样式表来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状

我们先来看第一种：用css样式表来改变鼠标指针形状。

有些时候我们并不需要文字，图片加链接，而且还想要加链接时的鼠标样式。这就用到了我们的 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 样式表。如何应用呢？下面我们用实例来说明一下：

<div class=”a”>欢迎您到百洋软件研究实验室listly的博客来做客</div>

也可以直接将样式表写在div标签中效果是一样的哟如:

<div style=”cursor:help;”>欢迎您到百洋软件研究实验室listly的博客来做客</div>

还有一种用法其原理是：利用了CSS2的一个cursor的属性cursor：url (url)，鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。

改变鼠标指针形状的第二种方法:利用第三方控件的方法
这种方法非常简单，只需要讲以下代码加到网页文件的<head></head>之间：
<script language=javascript>var Loaded=false;var Flag=false;</script>
<script src='http://files.cometsystems.com/javascript/lc2000.js'
language=javascript></script>
<script language=javascript>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script>
修改后，浏览此网页的时候浏览器会弹出一个“安全设置警告”，点击“是”，系统自动安装控件，鼠标就可以按照你的需要显示了。
那么，如何才能选择你所需要的鼠标样式呢？先登陆网站 http://www.cometzone.com，这个网站有14个大类4000多种鼠标，内容十分广泛，鼠标文件制作也很精美，你可以根据需要从类别中选择需要的鼠标，点击相应的鼠标图片就可以预览到不同的效果。
选中鼠标后，点击网页左边导航的“GET CURSOR CODE”链接，转到下一页，再点击“Select Code”按钮，按钮下这个多行文本框里面的内容就是我上面提供的代码，只是代码中TheCometCursor('cd_electric',0,626)部分不同，显示的鼠标状态也不同.

改变鼠标指针形状两种方法及实例相关推荐

CSS/HTML改变鼠标指针形状方法属性说明
改变鼠标指针形状的方法有两种:第一种:用的来改变鼠标指针形状.另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状我们先来看第一种:用来改变鼠标指针形状. 有些 ...
CSS/HTML 改变鼠标指针形状
https://www.cnblogs.com/hanqishihu/p/5805566.html CSS/HTML 改变鼠标指针形状改变鼠标指针形状的方法有两种:第一种:用的来改变鼠标指针形状.另 ...
模拟键盘鼠标事件有两种方法
实现一个鼠标或者键盘模拟器,可以完成很多功能,比如做一个简单的游戏外挂^_^.通常,模拟键盘鼠标事件有两种方法: 1.keybd_event, mouse_event 2.SendMessage, P ...
python列表的排序方法_pythonlist排序的两种方法及实例
本文主要介绍了python list排序的两种方法及实例讲解.具有很好的参考价值,下面一起来看下吧对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排 ...
list排序方法python_python list 排序的两种方法及实例讲解
对 list 进行排序,Python 提供了两个方法: 方法1. 用 list 的内建函数 list.sort 进行排序 list.sort(func=None, key=None, reverse= ...
Javascript第五章改变CSS样式节点两种方法，制作导航背景切换效果第十课
第一种方法: 鼠标移出,移入来改变导航的样式第二种方法: 如果改变的效果较多的话代码出现冗余可以有className 代码如下: 效果:
python list列表排序的两种方法及实例讲解
对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排序 list.sort(func=None, key=None, reverse=False) Py ...
python list排序的两种方法及实例讲解
对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排序 list.sort(func=None, key=None, reverse=False) Py ...
python列表排序方法-python list排序的两种方法及实例讲解
对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排序 list.sort(func=None, key=None, reverse=False) Py ...

改变鼠标指针形状两种方法及实例

改变鼠标指针形状两种方法及实例相关推荐

最新文章

热门文章