zoukankan      html  css  js  c++  java
  • CSS属性中cursor:hand

      在 IE 下设置鼠标为手型的方法: cursor: hand,但是在 FIREFOX 中是无效的,解决方法是在FIREFOX中设置: cursor: pointer.

    而这个pointer 值在IE和FIREFOX 下都是通用的,所以我们使用: cursor:pointer 就可以了。

      一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。

    但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。

      用css控制的语法如下:

     html:

    <!DOCTYPE HTML>
    <html>

    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>

    </style>
    </head>
    <body>
    <div style=" 100px;height: 100px;background:rgb(245, 17, 157);cursor:pointer;">

    </div>
    </body>
    </html>

    result:

      15个效果:

      hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。

      下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!

      hand,pointer是手型

      crosshair是十字型

      text是移动到文本上的那种效果

      wait是等待的那种效果

      default是默认效果

      help是问号

      e-size是向右的箭头

      ne-resize是向右上的箭头

      n-resize是向上的箭头

      nw-resize是向左上的箭头

      w-resize是向左的箭头

      sw-resize是左下的箭头

      s-resize是向下的箭头

      se-resize是向右下的箭头

      auto是由系统自动给出效果

  • 相关阅读:
    校验文件数字签名的合法性(VerifyPE)
    windbg help
    VIM的常用操作
    使用Jsonp解决跨域数据访问问题
    Linux下不同文件编码的转换
    Segoe Font 介绍
    关于框架的一些思考
    Linux下Aptana Plugin For Eclipse的破解
    增强网站易用性的10个设计技巧
    Firebug中的console tab使用总结
  • 原文地址:https://www.cnblogs.com/theWayToAce/p/5440011.html
Copyright © 2011-2022 走看看