Dreamweaver教程 FrontPage教程 Flash教程
  • CSS教程
  • javascript教程
    当前位置:教程网 > 网页制作 > CSS教程 > 正文

    显示你个性的鼠标指针

    编辑:教程网 来源:网络 时间:2011年09月27日 15:43
    许多游戏玩家一定会对游戏中的动态鼠标指针有很深的印象,其实只要一句简单的CSS(层叠样式表),你也能在网页上实现这种效果。

      实例演示如下:

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

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

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

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

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

      2.定义个别链接的指针

      把style="cursor:url(指针文件的路径)"放进的容器中。
      如:链接文字

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


  • 原文来自 教程网-免费ps教程,cad教程,ppt教程,ppt教程,java教程,vb教程,php教程技术在线学习课程网 转载请注明:http://www.websmill.com/wangye/css/25389.html

  • 上一篇:CSS轻松实现色块标题标识
  • 下一篇:由显示/隐藏引出的CSS bug