改变鼠标指针形状的方法有两种;第一种:用的来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状
我们先来看第一种:用来改变鼠标指针形状。
有些时候我们并不需要文字,图片加链接,而且还想要加链接时的
鼠标样式。这就用到了我们的
css样式表来
鼠标指针
形状了。请下面的css
鼠标
指针
css样式表的一些
属性:
默认 |
default |
文字/编辑 |
text |
自动 |
auto |
手形 |
pointer, hand(hand |
可移动对象 |
move |
不允许 |
not-allowed |
无法释放 |
no-drop |
等待/沙漏 |
wait |
帮助 |
help |
十字准星 |
crosshair |
向上改变大小(North) |
n-resize |
向下改变大小(South) |
s_resize |
向左改变大小(West) |
w-resize |
向右改变大小(East) |
e-resize |
向左上改变大小(NorthWest) |
nw-resize |
向左下改变大小(SouthWest) |
sw-resize |
向右上改变大小(NorthEast) |
ne-resize |
向右下改变大小(SouthEast) |
se-resize |
自定义光标 |
url(‘ |
以上就是
改变
鼠标指针
形状的
css样式表。如何应用呢?下面我们用实例来
说明一下:
<style type=”text/css”>
.a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/
</style>
<div class=”a”>欢迎您到百洋软件研究实验室listly的博客来做客</div>
<div >
还有一种用法其原理是:利用了CSS2的一个cursor的
属性cursor:url (url),
鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。
改变
鼠标
指针
形状的第二种
方法:利用第三方控件的
方法
这种
方法非常简单,只需要讲以下代码加到网页文件的<head></head>之间:
<script language=>var Loaded=false;var Flag=false;</script>
<script src=’http://files.cometsystems.com//lc2000.js’
language=></script>
<script language=>if(Loaded&&Flag)TheCometCursor(‘cd_electric’,0,626);</script>
修改后,浏览此网页的时候浏览器会弹出一个“安全设置警告”,点击“是”,系统自动安装控件,
鼠标就可以按照你的需要显示了。
那么,如何才能选择你所需要的
鼠标样式呢?先登陆网站
http://www.cometzone.com,这个网站有14个大类4000多种
鼠标,内容十分广泛,
鼠标文件制作也很精美,你可以根据需要从类别中选择需要的
鼠标,点击相应的
鼠标图片就可以预览到不同的效果。