css中鼠标在链接处变成的"小手"图标怎样改成别的样子?

时间：2011-06-02 来源：craig

<head>
<title></title>

<style type="text/css">
<!--
a {
 cursor: help;
}
-->
</style>

</head>
------------------------------------
其中的"help"可以换成以下内容

hand  手形  
crosshair  十字形  
text  文本形  
wait  沙漏形  
move  十字箭头形  
help  问号形  
e-resize  右箭头形  
n-resize  上箭头形  
nw-resize  左上箭头形  
w-resize  左箭头形  
s-resize  下箭头形  
se-resize  右下箭头形  
sw-resize  左下箭头形

url('#')  用户自定义（可用动画）  # = 光标文件地址(注意文件格式必须为：.cur 或 .ani)。

===================================

在第一行body{}中添加鼠标代码，此为全页鼠标指针显示的样子；

如：旋转萨克斯
body{CURSOR: url('http://webme.bokee.com/inc/mouse126.ani'); }

在第二行加入a:hover{}，在这之中添加的鼠标代码，是鼠标指针移到链接上显示的样子。

如：旋转吉他
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse115.ani')；}

相关阅读更多 +