改变鼠标指针形状的两种方法
改变鼠标指针形状的方法有两种;第一种:用的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(\’光标地址\’)
|
<style type=”text/css”>
.a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/
</style>
还有一种用法其原理是:利用了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)部分不同,显示的鼠标状态也不同.
对于鼠标指针形状这篇文章我也是在工作中遇到的问题,还有待更好的解决方法,请各位多多指教.