当前位置:首页 » 好文分享 » 详情

    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    此光标指示可用的帮助(通常是一个问号或一个气球)。



    感谢作者:笑忘书的投稿,欢迎大家投稿: https://www.blogs.hk/post-87.html

    打赏
    X
    打赏方式:
    • 支付宝
    • 微信
    • QQ红包

    打开支付宝扫一扫
    日期:2015年07月24日 00:05:36 星期四   分类:好文分享   浏览(100880)   评论(7)
    本文地址:https://www.blogs.hk/post-551.html   [百度已收录]
    声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
    版权所有:《博客之家
    文章标题:《CSS手指型点击鼠标光标定义(cursor属性)
    除非注明,文章均为 《博客之家》 原创
    转载请注明本文短网址:https://www.blogs.hk/post-551.html  [生成短网址]

    留言咨询

    自动获取QQ

    昵称

    邮箱

    网址

        站点统计

        • 收录网址:3370 个
        • 发布文章:3008 条
        • 在线人数:1人
        • 总访问量:270521600次
        • 本站运行:12年5月3天
        Copyright © 2025 博客之家 版权所有  
        關於本站免責聲明sitemap新站登錄