CSS手指型点击鼠标光标定义(cursor属性)

使用javascript的onclick,onmouseover等触发事件作为链接点击操作时,电脑浏览的光标都是I字型,文本浏览效果,感觉不大好,如果换成点击光标,即手指点击型,会更容易提醒,这是一个可点击项。

实现这个,可以用到CSS的cursor属性。

以下是鼠标光标为手指点击型的CSS:
cursor:pointer;

刚开始,试用了cursor:hand;,不过兼容性似乎不大好,360,UC都不支持,改成pointer就可以正常显示。如果你正在用电脑,可以测试下这个:这不是链接

把上面的CSS添加到需要实现部位的CSS样式里

更多属性值如下:
default    默认光标(通常是一个箭头)
auto    默认。浏览器设置的光标。
crosshair    光标呈现为十字线。
pointer    光标呈现为指示链接的指针(一只手)
move    此光标指示某对象可被移动。
e-resize    此光标指示矩形框的边缘可被向右(东)移动。
ne-resize    此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize    此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize    此光标指示矩形框的边缘可被向上(北)移动。
se-resize    此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize    此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize    此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize    此光标指示矩形框的边缘可被向左移动(西)。
text    此光标指示文本。
wait    此光标指示程序正忙(通常是一只表或沙漏)。
help    此光标指示可用的帮助(通常是一个问号或一个气球)。



感谢作者:笑忘书的投稿,欢迎大家投稿: http://likinming.com/post-87.html


版权所有:《博客之家
文章标题:《CSS手指型点击鼠标光标定义(cursor属性)
除非注明,文章均为 《博客之家》 原创
转载请注明本文短网址:https://bk.likinming.com/post-551.html  [生成短网址]

日期:2015年07月24日 星期五   分类:好文分享   浏览(24048)   评论(7)
本文已经被百度收录,点击查看详情
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。免费发布信息

留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

自动获取QQ

昵称

邮箱

网址

7楼、qvod [回复该留言]
2016-12-17 21:51
实用
6楼、笑笑笑 [回复该留言]
2015-07-26 22:49
zoom 放大镜
5楼、小幻 [回复该留言]
2015-07-26 12:58
表示可以直接自己定义一个图标的说
4楼、Wings Blog [回复该留言]
2015-07-24 23:08
简单实用
3楼、wys [回复该留言]
2015-07-24 16:03
又一新乐子,加油,EM会更精彩。
2楼、淘米纪 [回复该留言]
2015-07-24 13:50
来支持,学习,改天也去测试看看
1楼、姜辰 [回复该留言]
2015-07-24 12:30
感谢博主分享,感谢忘书投稿,感谢姜辰留-广-告~(O(∩_∩)O)

网站收录提交

  • 名称:
  • 网址:

网址统计

  • 收录网址:971 个
  • 发布文章:2521 条
  • 本站运行:5年7月1天
Copyright © 2012 - 2018 by 李明关于本站免责声明本站下载站点地图sitemap广告联系
1041