　　欢迎来到思考者的博客。本站内容欢迎非商业性转载，请注明出处：http://2006.ghtxx.cn:88/shower/　如有需要与站长讨论，请QQ：26820218，很高兴与您成为朋友。

如何在网页中使用自定义鼠标

上一篇 / 下一篇 2007-06-24 00:24:08 / 个人分类：服务器技术

做一个漂亮的网站，当然要用不一般的鼠标指针，下面的这个文章就是用几种不同的方法实现个性化鼠标指针的途径。有保留价值。

　　现在网页的设计都讲究整体统一风格，无论是网页的文字、图像，还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼，下面我就介绍两种改变网页上鼠标的方法。
　

一、用CSS（Cascading Style Sheets，层叠样式表）的方法
　　首先要制作或者寻找一套适合网页风格的鼠标，我使用的鼠标是weste.ani和weste2.ani，在，将两个文件存放到的网站的文件夹ani，然后在你的网页文件的</head></head>之间加上代码：
　
<style type="text/css">

</style>

　　再次浏览网页的时候你会发现，网页的鼠标显示已经改变了。当鼠标悬停在链接上的时候，显示的weste2.ani样子，其他时候显示weste.ani。

　
　　原理：其实这种方法利用了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)部分不同，显示的鼠标状态也不同。
自定义鼠标指针实例 ——— 一个装水的烧瓶
　
效果：鼠标指针形状为一个装水的烧瓶，但当鼠标移动到有超级链接的地方时仍变回到通常的“手”形。
　
代码：<body style='cursor:url(http://lengku.net//index/mouse.ani)'>
　
使用方法：将上面代码替换网页中<body>标记即可。
　
注意：在黑马论坛中应用时，应先勾选帖子编辑窗口下“使用html…”，再将上面代码粘贴到帖子里的任何地方。放有本特效的帖子发布后如果再进行编辑，鼠标特效将失效（由于论坛系统的过滤作用），因此每编辑一次，上面代码就要重新向帖子里粘贴一次。
　
　更好的、设置更全的代码：
　
这种代码在常规网页和黑马论坛的帖子里都可以使用，在黑马论坛可以对帖子反复编辑而不失效，不丢失。
　
一般形式：
　
<style></style>
　
上面代码中的两个指针样式文件均为 *.ani 格式（又称“动态光标文件”）。具体应用时应将它们替换成具体的地址，然后将代码粘贴到网页或帖子中的任何位置（以尽量放在前面为好）。
　
实例：在网页上无超级链接的区域，鼠标指针为一个装水的烧瓶；当鼠标移动到有超级链接的地方时，指针变成一个闪光箭头。
　
<style>

</style>

鼠标指针文件（动态光标文件）*.ani 下载地址：
　
下载地址一：http://www.xok.cn/soft/cursors

下载地址二：http://cg.hdskin.com/soft/229.htm