当前位置：软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > CSS控制鼠标样式变换

CSS控制鼠标样式变换

2012/11/27 10:21:24作者：佚名来源：网络

移动端

可以有的网友学过css的话，知道可以用一些css样式来给鼠标做一种效果的切换。比如鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子，那么怎么用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>

当然这些只是一些常见的比较实用的代码。我们在这里就用到了css中的“cursor”属性，用“style=cursor:值”这样的语句形式，分别设置具体的值就可以了。例如：值为“hand”时，当鼠标移到相应的文字或图片上时，就会变成超链接的小手形；值为“move”时，当鼠标移到相应的文字或图片上时，就会变成上下左右带方向箭头的形状。

现在知道css的神奇了吧。其实对于一些学过css的人员来说都是最基本的代码填写了，只是我们门外汉来凑热闹而已了。那么现在学了几招可以去对自己的主页来尝试下哦。

以上就是CSS控制鼠标样式变换的全部内容了，希望对你有所帮助哦。

标签： CSS 鼠标

上一篇：上网总自动弹出网页怎么办
下一篇：电脑主板报警声的含义介绍

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法