Простой 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 в подсказках возможна некоторая задержка при появлении.

СКАЧАТЬСкачек: 904
5,42 Kb
Кто скачал?

ДЕМОПосмотреть
пример