首页 > 代码库 > html实现鼠标悬停变成手型实现方式
html实现鼠标悬停变成手型实现方式
1、采用a标签实现的方式
1 <a href=http://www.mamicode.com/"javascript:void()">内容</a>
2、采用CSS实现的方式
1 // 变手形 2 oElement.style.cursor = "pointer"; 3 4 // 恢复原样 5 oElement.style.cursor = "default";
或者
1 <div style="cursor:hand"> 2 3 <img style="cursor:hand"> 4 5 <td style="cursor:hand">
css写法：
1 <style> 2 a.hand:hover {cursor:hand} 3 </style>
cursor其他取值
1 auto ：标准光标 2 default ：标准箭头 3 hand ：手形光标 4 wait ：等待光标 5 text ：I形光标 6 vertical-text ：水平I形光标 7 no-drop ：不可拖动光标 8 not-allowed ：无效光标 9 help ：?帮助光标 10 all-scroll ：三角方向标 11 move ：移动标 12 crosshair ：十字标 13 e-resize 14 n-resize 15 nw-resize 16 w-resize 17 s-resize 18 se-resize 19 sw-resize
html实现鼠标悬停变成手型实现方式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。