3 161 Скрипты / Tooltip

Простой tooltip плагин

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

Скачать 1145Загрузок 5,42 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи