html实现鼠标悬停变成手型实现方式
2017-06-27 17:55
429 查看
1、采用a标签实现的方式
1 <a href="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
相关文章推荐
- jQuery实现HTML表格隔行变色及鼠标悬停变色效果 .
- jtable中某列实现html中a标签效果,鼠标移到上面去的时候显示手型效果
- html用title属性实现鼠标悬停显示文字
- jQuery实现HTML表格隔行变色及鼠标悬停变色效果
- html用title属性实现鼠标悬停显示文字
- 【Html/CSS】CSS鼠标悬停特效实现 仿微信网页版
- 模拟淘宝侧边服务模块鼠标悬停效果的三种实现方式总结
- EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。
- CSS+js实现的一个优秀的超链接鼠标悬停提示
- 实现鼠标悬停高亮显示---分别在gridview和datagrid中
- C#使用命令行方式实现Ping简单功能 http://www.cnblogs.com/kevinton/archive/2007/06/28/798581.html
- 鼠标悬停在图片上表现为手型效果
- 在Web窗体的DataGrid控件实现鼠标悬停被选中样式
- asp.net(c#)GridView实现鼠标悬停高亮显示
- CSS鼠标悬停菜单 图片交换技术实现
- gridview中实现鼠标悬停高亮显示
- CSS 网页表单实现鼠标悬停交互效果
- 刷新页面实现方式总结(HTML,ASP,JS)
- 刷新页面实现方式总结(HTML,ASP,JS)(
- HTML--如何实现通过鼠标事件拖动页面图像(代码)