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

摘要

使用javascript的onclick,o

使用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属性)
除非注明,文章均为 《李明博客》 原创
转载请注明本文短网址:http://likinming.com/post-551.html  [生成短网址]

发表评论

注意:本博客开启缓存,你的评论一般2小时后才能看到,如是广告,评论将无法显示!

目前评论:7 条

  1. avatar qvod
    回复 2016-12-17 21:51  沙发

    实用

  2. avatar 笑笑笑
    回复 2015-07-26 22:49  板凳

    zoom 放大镜

  3. avatar 小幻
    回复 2015-07-26 12:58  地板

    表示可以直接自己定义一个图标的说

  4. avatar Wings Blog
    回复 2015-07-24 23:08  #4 楼

    简单实用

  5. avatar wys
    回复 2015-07-24 16:03  #5 楼

    又一新乐子,加油,EM会更精彩。

  6. avatar 淘米纪
    回复 2015-07-24 13:50  #6 楼

    来支持,学习,改天也去测试看看

  7. avatar 姜辰
    回复 2015-07-24 12:30  #7 楼

    感谢博主分享,感谢忘书投稿,感谢姜辰留-广-告~(O(∩_∩)O)