当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 显示个性化的鼠标指针

WEB设计综合
连接基础
HTML基础
CSS 基础
添加背景音乐
HTML中的脚本标签
水平线样式
CSS基础以及CSS代码
自定义404错误页
链接至外部样式表
文本和颜色
表格详述
图像详述
优化CSS样式表代码
CSS元素div ul dl dt ol简释
CSS元素的class与ID命名常用关键字
DIV布局SEO的影响
CSS中的相对定位与绝对定位
CSS选择符
CSS特殊选择符伪类的应用技巧
常用的CSS知识

WEB设计综合 中的 显示个性化的鼠标指针


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1360 ::
收藏到网摘: n/a

许多游戏玩家一定会对游戏中的动态鼠标指针有很深的印象,其实只要一句简单的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>

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

评论 (0) All

登陆 | 还没注册?