Ответ 1
Используйте атрибут title
, например:
<div title="them hoverin' words">hover me</div>
В stackoverflow, когда мы наводим на репутацию пользователя, мы видим текст. Я видел это во многих местах, и исходный код подсказывает мне, что это можно сделать без js. И я попробовал и получил только это -
<div="text">hover me</div>
Используйте атрибут title
, например:
<div title="them hoverin' words">hover me</div>
Зачастую я добираюсь до аббревиатуры html-тега в этой ситуации.
<abbr title="Hover">Text</abbr>
Атрибут title также хорошо работает с другими элементами html, например ссылкой...
<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>
Вы ищете подсказку
Для основной подсказки вы хотите:
<div title="This is my tooltip">
Для более удобной версии javascript вы можете посмотреть:
http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632
В приведенной выше ссылке приведены 12 вариантов всплывающих подсказок.