巧用CSS控制鼠标样式变换
发布时间：2011-06-24 22:22:03作者：知识屋
主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子……那该多好啊！
其实，借助我们的css，几句很简单的代码就可以实现这一切！
不信？把鼠标移到下面的演示文字上看看效果吧！
演示：手形
源代码：<p style="cursor: hand">演示：手形</p>
演示：移动
源代码：<p style="cursor: move">演示：移动</p>
演示：等待
源代码：<p style="cursor: wait">等待状态</p>
演示：定位指示
源代码：<p style="cursor: crosshair">演示：定位指示</p>
演示：帮助
源代码：<p style="cursor: help">演示：帮助</p>
<p>
是不是简单又方便？这里我们只用到了CSS中的“cursor”属性，利用“style=cursor:值”这样的语句形式，分别设置具体的值就可以了。例如：值为“hand”时，当鼠标移到相应的文字或图片上时，就会变成超链接的小手形；值为“move”时，当鼠标移到相应的文字或图片上时，就会变成上下左右带方向箭头的形状，依此类推。这个小技巧也许可以在你制作主页时帮上一点忙呢！
相关知识
软件推荐
更多 >
-
1
英文强制换行css 使用css强制英文单词断行代码2013-02-18
-
2
CSS中marker-offset的使用方法
-
3
IE6-8 filter双重滤镜bug的相关详解！
-
4
css3中如何让多余的字符串消失并附加省略号的方法
-
5
CSS实现段落首行缩进的代码
-
6
CSS中使用expression完美设置页面最小宽度(兼容ie)
-
7
[前端笔记] border:none;与border:0;的区别
-
8
用css实现透视效果
-
9
css教程之绝对定位使用详解
-
10
CSS实现背景图片不规则的导航菜单
