代码之家  ›  专栏  ›  技术社区  ›  Mateusz Dymczyk

自定义<img title>工具提示

  •  5
  • Mateusz Dymczyk  · 技术社区  · 14 年前

    我想知道是否可以自定义在img标记中设置title属性后得到的工具提示?现在我得到了一个标准的蓝色背景的矩形,上面有文本,我想得到的是我自己的图像(比如一些看起来像云的东西),上面有文本。有没有可能使用CSS或JS?

    4 回复  |  直到 10 年前
        1
  •  4
  •   Iznogood    14 年前

    为此,您需要使用JavaScript。尝试 this here here 或者你可以自己滚。但基本上没有办法直接在HTML中完成(不知道htm5/css3)。

        2
  •  1
  •   mkoistinen    14 年前

    创造你自己的!您可以在HTML中简单地创建一个隐藏的DIV,然后当有人悬停在图像上时,显示您的DIV。

        3
  •  0
  •   cdmayer    14 年前

    如果要创建自定义工具提示,我建议 this . 它详细地向您展示了如何在JS中创建您自己的工具提示,JS是由CSS驱动的,并且可以很容易地重用。

    此外,如果您使用的是一个框架,事情会变得更容易。例如,有许多 jQuery tooltip plugins . 这些允许您将工具提示显示在任何元素的鼠标上方。

        4
  •  0
  •   ClydeFrog    10 年前

    我会推荐 Tooltipster . 非常容易使用,可用于支持 title 属性,有许多很酷的功能和外观。