互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

显示你个性的鼠标指针

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

  实例演示如下:

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

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

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

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

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

  2.定义个别链接的指针

  把style="cursor:url(指针文件的路径)"放进<a>的容器中。
  如:<a href="http://www.webjx.com/htmldata/2005-02-23/指定链接地址" style="cursor:url(指针文件的路径)">链接文字</a>

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





上一篇:利用CSS改善网站可访问性
下一篇:用CSS巧控制段落缩进
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com