Эффекты на основе Java Script, jQuery и т.д.

Подсказка (варианты программирования Tooltip) пример1

Базовые установки Tooltip-подсказке(1) Ссылка 1 Ссылка 2 Ссылка 3	1. Базовые установки Tooltip 2. Изображения в Tooltip 3. Изображения и текст в Tooltip 4. Изображения и текст рядом в Tooltip 5. С залипанием Tooltip и работой с ним 6. Tooltip в HTML контейнере 7. Tooltip с кнопкой СБРОС 8. Вызов Tooltip кликом и кнопка СБРОС
Скопируйте и вставте
Внутри тега <HEAD> - </HEAD>
<style type="text/css"> /* стиль подсказки */ div#tipDiv { font-size:11px; line-height:1.2; color:#000; background-color:#E1E5F1; border:1px solid #00ff00; padding:4px; width:210px; } </style> <script src="http://skriptkpbstudio.ucoz.ru/demo_srt/podskazki/512/js/dw_tooltip_c.js" type="text/javascript"></script> <script type="text/javascript"> dw_Tooltip.defaultProps = { // программирование подсказок - всё по умолчанию } // задание подсказок dw_Tooltip.content_vars = { L1: 'Some text in the tooltip for link 1', L2: 'The tooltip can contain <strong><em>Rich HTML</em></strong>', L3: '<div style="text-align:center"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/podskazki/512/images/heron.gif" /></div>', L4: 'You can have a tooltip pop up when hovering over an image too!' } </script>
Основное всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будут элементы(теги) с подсказкой.
<p><a href="#" class="showTip L1">Link 1</a></p> <p><a href="#" class="showTip L2">Link 2</a></p> <p><a href="#" class="showTip L3">Link 3</a></p> <p><a href="#" class="showTip L4"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/podskazki/512/images/2.png"></a></p>
Тег имеющий подсказку, в нашем примере это тег A, должен иметь класс showTip с идентификатором подсказки. Это всё, больше здесь пояснять нечего.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.

Базовые установки Tooltip-подсказке(1)