如何用CSS自定义鼠标指针

html-css016

如何用CSS自定义鼠标指针,第1张

众所周知，在windows中可以修改鼠标指针显示效果，这些指针都存放在windows的cursors目录中，它们是以.cur和.ani结尾的图片文件。其实，网页中也可以引用这种图标。有时候，打开某些网页，鼠标指针就会变成一些奇怪的小图标，这就是利用CSS自定义鼠标指针的成果。

<STYLE type=text/css>

a:hover { cursor:url('鼠标地址一')}

body { cursor:url('鼠标地址二')}

</STYLE>

其中，“鼠标地址一”显示的效果是鼠标碰到有超链接时的形态；“鼠标地址二”显示的效果是一般情况下的鼠标形态，示例可以看我的博客上的鼠标效果(http://hi.baidu.com/shengxia1129)。大家用的时候把从下面找的鼠标地址代进去就可以了。如果只要一种样式，则把代码中的“a:hover { cursor:url('鼠标地址一')}”删掉就行了。

需要说明的是，鼠标这也是CSS代码,不能放在什么都没有的空白面板里，你添加代码的时候先按个空格，接着再点显示源代码，你会看到一些代码，然后再把代码放进去，放在那些代码的后面。或者你可以把代码放在既建的已有东西的模板里的其他代码的后面，建议用此方法。