您的位置：首页 > Web前端 > CSS

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

2011-06-02 22:10 561 查看 
<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')；}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航