Простой tooltip плагин
Этот плагин подсказок (tooltip) имеет поддержку всех браузеров и прост в применении. Гибкая настройка под любой ваш проект.
CSS
<link href="css/unitip.css" rel="stylesheet" type="text/css" />
JS
Добавим между тегами head код:
<script type="text/jаvascript" src="unitip.js"></script>
По умолчанию UniTip использует png изображения, поэтому не забудьте применить Unit png fix, для исправления отображения png изображений. Можно использовать и свои собственные изображения.Первый набор переменных в коде jаvascript определяет, когда будет использоваться подсказка:
- var uniTipTag = "a,img"; - Определяются теги к которым будет использован tooltip. Отделять запятой и без пробела.
- var uniTipClass = "TipEx"; - Определяются классы к которым будет применяться tooltip. Если класс не указан, то tooltip будет использован для всех тегов указанных выше.
Второй блок переменных определяет смещение курсора:
- var uniTipX = 0; - Горизонтальное смещение курсора.
- var uniTipY = 15; - Вертикальное смещение курсора.
Теперь можно добавить содержимое для самой подсказки в атрибуты title для ссылок, и alt для изображений. При использовании HTML в подсказках возможна некоторая задержка при появлении.
Ссылки