Плагин jQuery подсказок для дизайнеров, полностью контролирующих стиль элементов.

Плагин Tooltip достаточно сложно контролировать с помощью CSS. Поэтому автор создал tooltipsy для обеспечения простого и эффективного функционала подсказок. Tooltipsy дает вам полный контроль над CSS стилями, анимацией и позиционированием подсказок.

1. Установка

Загрузите tooltipsy и поместите tooltipsy.min.js в папку, где хранится ваш код javascript. Затем включите плагин в ваш HTML.

<script
 type="text/javascript"
 src="/путь/к/tooltipsy.min.js">
</script>

2. Стиль

Задайте правила CSS. Сделайте все, что вам нужно. Здесь простой пример пример для начала.

.tooltipsy
{
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}

3. Активируйте

Самый простой способ: добавить атрибут title и дать плагину tooltipsy сделать все остальное для вас.

<a class="hastip" title="Покажи меня">
<a class="hastip" title="И меня тоже">

<script type="text/javascript">
$('.hastip').tooltipsy();
</script>