在网页中使用个性鼠标指针

dly · 发表于 2011-4-2 22:27:47

在网页中使用个性鼠标指针

　　个性鼠标指针除了用在操作系统中，还可以用在网页中。

　　在网页中使用前，需先将鼠标指针文件上传到网络空间中，然后在网页代码的<body>下添加<BODY style='cursor:url(鼠标指针路径)'>代码。

2.许多游戏玩家一定会对游戏中的动态鼠标指针有很深的印象，其实只要一句简单的ＣＳＳ（层叠样式表），你也能在网页上实现这种效果。

首先，你需要一个鼠标指针文件，可以通过单击“开始”→点击“查找”→键入“.ani”或“.cur”(不含双引号)，也可以到网上下载你喜欢的指针。注：.ani是动态效果的指针文件；.cur是静态效果的指针文件。

下面是两种实现个性鼠标的方法。

1.定义所有超链接的指针

把cursor:ｕｒｌ(指针文件的路径)加入到超链接的csS文件中。

如：a {color:#000000; cursor:ｕｒｌ(指针文件的路径);}　

2.定义个别链接的指针

把style="cursor:ｕｒｌ(指针文件的路径)"放进＜A＞的容器中。

如：＜A style="CURSOR: ｕｒｌ('指针文件的路径')" href="指定链接地址"＞

现在保存文件，预览一下你网页的个性鼠标指针吧!

其实写一段代码就好了

鼠标指针：

<style>

</style>

说明1：第一行是鼠标指针初始形态（就是龙猫），第二行是鼠标指针碰到链接的形态（就是叶子）。
说明2：你需要两个鼠标指针图片（最好这两个图片是一套或是相近的）。
说明3：鼠标指针的图片格式是.cur和.ani，(以.ico结尾的为静态,以.cur结尾的为静态,以.ani结尾的为动态,只能是这三种结尾状态的才可用)不是.jpg、.gif或是其它图片格式，这点请注意。

登录Q-Zone后，点击粉红色“装扮空间”按钮，跳转至装扮空间页面，再点击“小装饰”链接，在新页面中点击“鼠标”按钮，就可以在窗口中看到大量的鼠标指针样式，右键点击鼠标图片，在弹出菜单中选择“属性”选项，我们就可以在“属性”对话框中看到一个图片地址，如：，现在只需将地址中的“pre”改为“orig”，将文件格式“gif”改为“ani”（动态鼠标指针文件），即可得到指针文件的真实下载地址，然后将这个ani文件下载到本地硬盘中备用。

接着依次点击“开始/控制面板”选项，打开“控制面板”窗口，双击“鼠标”图标，在弹出的“鼠标属性”对话框中切换到“指针”标签，在自定义栏中选择一个鼠标状态，然后点击“浏览”按钮，从弹出的资源管理器窗口中找到前面下载的指针文件，点击“打开”按钮，就能在“鼠标属性”对话框中预览指针样式了（如图），最后点击“确定”按钮，我们就可以在指定的鼠标状态下看到更换的鼠标指针了。

除了在系统中使用该指针之外，我们同样可以在自己的主页（或Blog）中使用Q-Zone鼠标指针，代码如下：
<STYLE type=text/css> a:hover BODY </STYLE>

其中，鼠标指针1将在主页中绝大部分的位置显示；而鼠标指针2则在鼠标移动到链接上时显示。