首页 > > 网页制作 > css >

显示你个性的鼠标指针

2008-02-23 08:27:51来源：互联网阅读 ()

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

　　实例演示如下：

　　把你的鼠标移到文字上试试？！你会看到一个可爱的小闹钟。

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

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

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

　　把cursor:url(指针文件的路径)加入到超链接的CSS文件中。
　　如：a {color:#000000; cursor:url(指针文件的路径);}?

　　2.定义个别链接的指针

　　把style="cursor:url(指针文件的路径)"放进<a>的容器中。
　　如：<a href="指定链接地址" style="cursor:url(指针文件的路径)">链接文字</a>

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有