всплывающая подсказка, как контроль над div

Question

Кто-нибудь знает, как создать всплывающую подсказку на div.На моей странице у меня есть 4 элемента div, и я хочу, чтобы каждый раз, когда пользователь наводил курсор на элемент div, он отображал всплывающую подсказку сверху, а через несколько секунд подсказка будет автоматически скрыта.1003 *

Answer 1

Вы можете использовать атрибут title:

<div id="myDiv" title="My Tool Tip Text here">Div Stuff</div>

Или взгляните на это (пример javascript не скрывает автоматически, но его можно легко изменить для этого):

http://djgdesign.co.uk/display.php?id=47

Answer 2

Я бы порекомендовал вам TipTip jQuery Plugin , его очень легко адаптировать, а также легко расширять.Спросите, нужна ли вам помощь с этим.

Answer 3

Если вы можете использовать javascript и JQuery, это довольно просто, взгляните на

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/, например

Выполнение в чистом html и css будет более сложнымВы можете поиграть с: hover, абсолютное позиционирование и z-index для достижения этого.