当鼠标放在按钮上时让指针变为手型

首先添加样式:

<style>
.hand {cursor:hand}
</style>
<body>
 <a class="hand" href="http://www.vbinfo.net">我的家园</a>
</body>

对应属性:

cursor:hand 与 cursor:pointer 的区别

cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。
cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。
cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。

结论:还是用 cursor:pointer 来的方便。

cursor:鼠标

pointer:指针

附:cursor属性收集

光标类型   CSS
十字准心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
写两个是为了照顾IE5,它只认hand。
等待/沙漏 cursor: wait;
帮助 cursor: help;
无法释放 cursor: no-drop;
文字/编辑 cursor: text;
可移动对象 cursor: move;
向上改变大小(North)   cursor: n-resize;
向下改变大小(South)   cursor: s-resize;
向右改变大小(East)   cursor: e-resize;
向左改变大小(West)   cursor: w-resize;
向上右改变大小(North East)   cursor: ne-resize;
向上左改变大小(North West)   cursor: nw-resize;
向下右改变大小(South East)   cursor: se-resize;
向下左改变大小(South West)   cursor: sw-resize;
自动 cursor: auto;
禁止 cursor:not-allowed;
处理中 cursor: progress;
系统默认 cursor: default;
用户自定义(可用动画) cursor: url(‘ # ‘);
# = 光标文件地址    (注意文件格式必须为:.cur 或 .ani)。

时间: 2024-09-28 22:01:15

当鼠标放在按钮上时让指针变为手型的相关文章

CSS如何实现当鼠标放在图片上时改变边框

CSS如何实现当鼠标放在图片上时改变边框:建议:尽可能的手写代码,可以有效的提高学习效率和深度.很多网页都有这样的效果,当鼠标放在图片链接上的时候,图片的边框会发生变化.下面就简单介绍一下如何实现此种效果.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ww

MFC光标移动到按钮上时编辑框显示时间,并显示光标的窗口位置和客户区位置

建立MFC应用程序 选择基于对话框 添加一个按钮三个编辑框,三个编辑框分别用来显示系统时间.光标在windows的位置.光标在client的位置. 将Button的captain改为Time,ID改为IDC_time. 点击 项目/类向导/成员变量/  , 为按钮和编辑框添加变量m_time,m_showtime,m_client,m_window,(方法有很多). 注意类别为control,变量类型分别为cbutton和cedit 在类向导里 点击消息 找到mousemove,双击, 以上红字

WPF中当鼠标移到按钮上时,按钮的背景图片消失的问题

如果给按钮设置了背景图片,当鼠标移到按钮上的时候,按钮就好变成一个浅蓝色的按钮,背景图片就消失了,对于这个问题有很多解决方法,我只分享一下我的解决方法. 我第一次用的方式是在按钮中添加一个图片,不用背景来设置. <Button HorizontalAlignment="Left" Margin="179,56.506,0,0" Click="Button_Click" VerticalAlignment="Top" Wi

怎样可以实现鼠标放在网页上的文字时,不出现I形状的标记,并且不能选则文字

css.让这部分区域的 cursor: default; 可以不显示I型的鼠标光标 不能选择文字.这个需求只能满足现代浏览器,老旧的IE8及以下的浏览器不能实现.以下上让某个div里的文字不能选中 1 2 3 4 5 6 div{     user-select: none;      -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select:none; }

鼠标放到按钮上,实现的动画

<div class="span_a" style="border:1px solid #ff545f">aa</div><script>$(function () { var span_a = $(".span_a"); span_a.mouseover(function () { $(this).css("background-color", "#e14a54");/

JavaScript 图片放大看!- 放大镜效果 -鼠标放在图片上某个点:出现放大效果的图片

1张图片-放大镜: 缺点:1张图片若为小图,小图放大后图像不清晰(若为大图,则不存在这个问题) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 1张图片 放大镜:</title> <style> /* reset css 样式重置 */ body,p,pre,h1,h2,h3,h4,h5,h

jQuery鼠标放在图片上显示大图和和图片信息

jQuery代码 <script type="text/javascript"> var date = { "images/003.png": ["images/003.png", "人物1", "185"], "images/004.png": ["images/004.png", "人物2", "165"], &

鼠标放在菜单上下拉列表

$(".wrap li").hover(function () { $(this).children("ul").slideToggle(); }); }); </script></head><body> <div class="wrap"> <ul> <li> <a href="#">一级菜单1</a> <ul> &l

js实例_当鼠标移动到某个元素上时在元素下面显示一段提示文字

效果: 当鼠标不在自动登录上时,只显示自动登录这个表单,下面的div提示则隐藏. 当鼠标移动到自动登录这个表单时,则显示下面的div提示,当鼠标移出时再将其隐藏 代码实现与原理: HTML代码: <body> <input type="checkbox" />自动登录 <div id="div1">不要再玩游戏啦!!!</div> </body> CSS代码:给id为div1的元素做一下修饰,并且将其最开始