ПРОСТОЙ TOOLTIP ПЛАГИН

ПРОСТОЙ TOOLTIP ПЛАГИН


Этот плагин подсказок (tooltip) имеет поддержку всех браузеров и прост в применении. Гибкая настройка под любой ваш проект.

CSS
<link href="css/unitip.css" rel="stylesheet" type="text/css" /> 


javascript
Добавим между тегами head код:
<script type="text/javascript" src="unitip.js"></script>


По умолчанию UniTip использует png изображения, поэтому не забудьте применить Unit png fix, для исправления отображения png изображений. Можно использовать и свои собственные изображения.
Первый набор переменных в коде javascript определяет, когда будет использоваться подсказка:
- var uniTipTag = "a,img"; - Определяются теги к которым будет использован tooltip. Отделять запятой и без пробела.
- var uniTipClass = "TipEx"; - Определяются классы к которым будет применяться tooltip. Если класс не указан, то tooltip будет использован для всех тегов указанных выше.

Второй блок переменных определяет смещение курсора:
- var uniTipX = 0; - Горизонтальное смещение курсора.
- var uniTipY = 15; - Вертикальное смещение курсора.
Теперь можно добавить содержимое для самой подсказки в атрибуты title для ссылок, и alt для изображений. При использовании HTML в подсказках возможна некоторая задержка при появлении.

Скачать исходник:
Скачать файл: unitip.rar [6,82 Kb] (cкачиваний: 9)
+3
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.