Всплывающая подсказка на jQuery

alex1874

Дата последнего входа: 08.12.2018 18:50:33
Дата регистрации: 09.04.2010 21:32:08
Пол: Мужской
День рождения: 18 марта

Всплывающая подсказка на jQuery

Не так давно я узнал от Евгения Попова, в его очередном выпуске журнала, как сделать красивую всплывающую подсказку с помощью jQuery-плагина TipTip.

Я решил на практике убедиться, действительна ли она, так красива. Результат вы можете посмотреть, указав мышкой на любую ссылку сайта.

Особенности плагина в том, что подсказку можно выводить как на ссылку, так и на объект формы или на картинку. Мало того плагин обладает следующей особенностью. Он сам вычисляет геометрию страницу и края экрана, тем самым позволяет позиционировать подсказку.

Недостатки у данного плагина тоже есть. Он плохо отображается в браузере IE. А в остальном отличный инструмент позволяющий улучшить юзабилити сайта.

Давайте рассмотрим, как практически я его внедрил в свою систему управления контентом.

Скачав дистрибутив, который представляет Евгений я сразу же перешел к тем рекомендациям, о которых он рассказывал в видеообращении.

Модернизировав дистрибутив под свои нужды, я закачал его на сервер в отдельную папку.

Вы тоже можете скачать налаженный дистрибутив jQuery-плагина TipTip и применить у себя на сайте.

Открыв его, вы увидите, что он состоит из самого jQuery, плагина TipTip и таблиц стилей для оформления комментария.

Подключаем данные файлы, описав их в теге head всех страниц вашего сайта.

Подробнее об установке читаем - Всплывающая подсказка на jQuery

Новые темыОбъявленияСвободное общение
23:43 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
22:02 Что можно сделать в таком случае? по поводу гугл рекламы и её модерации 
21:46 Арбитраж в ВК увеличить охват потенциальных клиентов 
21:25 В РСЯ берут всё подряд? 
19:22 FastYaZen (Users Emulator)- быстрый старт на площадке Яндекс Дзен! 
18:42 Кто как борется с РКН и компанией? 
17:44 Монетизируем 100% adult траффика без остатков. 
23:12 Куплю социальную сеть 
18:46 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 
15:08 Профессиональный копирайт на любые темы! 
12:52 Разработка сайтов "под ключ" WordPresss, OpenCart, MODx, Landing Page. 
10:42 Копирайтинг RU/EN, переводы высокого уровня (рус/англ/укр), SEO-оптимизированные тексты под ключ для выхода в Топ (2000+ отзывов) 
10:38 Тизерка Adpartner. Только качественный трафик в тизерке . 
10:19 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
20:05 Google June 2019 Core Update 
17:48 Какой сайт сейчас нужен! 
17:07 Как вы понимаете это высказывание? 
16:37 Срочно! МОжно ли пользоваться этими гарант-сервисами? 
16:36 Сайт без дескрипшенов в топе выдачи 
13:58 Внимание КИДАЛЫ (ccc.mn) 
11:47 Партнерская программа ePochta – доход от лучшего ПО для Email маркетинга!