Всплывающие подсказки

Компонент всплывающих подсказок - это отличная альтернатива стандартным атрибутам title. Используйте атрибут data-tooltip вместо стандартного title, для работы всплывающих подсказок.

Для направления отображения используйте альтернативный синтаксис data-tooltip-left, data-tooltip-right, data-tooltip-top, data-tooltip-bottom (слева, справа, сверху, снизу соответственно).

<a href="#" data-tooltip="Стандартная подсказка">По умолчанию</a> |
<a href="#" data-tooltip-left="Подсказка слева!">Слева</a> |
<a href="#" data-tooltip-top="Подсказка сверху!">Сверху</a> |
<a href="#" data-tooltip-bottom="Подсказка снизу!">Снизу</a> |
<a href="#" data-tooltip-right="Подсказка справа!">Справа</a>
Пример работы кода выше

Last updated