Авторизация



Напомнить пароль
Регистрация


РазработкаjQuery CSS всплывающие подсказки. Часть 1

MooTools всплывающие подсказки

Представленные в этой заметке решения помогут вам реализовать всплывающие подсказки для посетителей сайта c помощью jQuery и CSS. Подсказки появляются при наведении курсора на элемент. Подобные  решения стали очень популярны и все чаще используются на многих веб-сайтах. Благодаря всплывающим подсказкам у вас появится возможность быстро разъяснить новым посетителям назначение того или иного элемента на странице, не упускайте такую возможность.

В заметке собрано 25 jQuery, Mootools, CSS решений на любой вкус.

1. Плагин «Tooltipsy»

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

Много различных эффектов появления всплывающих подсказок при наведении.

2. jQuery подсказки

jQuery подсказки

Много различных стилей.

3. jQuery плагин для реализации всплывающих подсказок

jQuery подсказки

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

4. Всплывающие подсказки на MooTools

MooTools всплывающие подсказки

5. jQuery подсказки

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

6. Компактное jQuery меню с подсказками при наведении

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

7. Tooltip

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

При наведении на знак вопроса всплывает поясняющий текст.

8. Всплывающие подсказки на jQuery

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

9. Подсказки на jQuery, всплывающие под разным углом

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

Есть возможность настроить угол под которым будет всплывать подсказка: 20, 120, 220 или 320 градусов.

10. jQuery плагин Tooltip

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

11. CSS и JavaScript всплывающие подсказки при заполнении форм

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

На демонстрационной странице подсказки всплывают только для полей Username и Password

12. Плагин «SuperNotes»

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

13. Подсказки для форм

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

14. Всплывающие подсказки на jQuery

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

15. Плагин «Balloon tooltip»

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

16. JavaScript всплывающие подсказки

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

17. Всплывающие подсказки по нажатию

Всплывающие подсказки jQuery

При нажатии на «+» плавно появляется дополнительная информация о выбранном пункте.

18. Всплывающие подсказки на jQuery

jQuery подсказки

Варианты использования плагина: текстовая подсказка при наведении на ссылку,  просмотр увеличенного изображения при наведении на миниатюру, изображение при наведении на ссылку. Последний вариант можно использовать, например, в качестве, предпросмотра страницы, на которую идет ссылка.

19. Эффектные подсказки на jQuery

jQuery выплывающие подсказки

Изумительные подсказки, всплывающие при наведении курсора мыши.

20. Подсказка при наведении

jQuery подсказка при наведении

21. Всплывающие подсказки с полупрозрачным фоном

Всплывающие подсказки jQuery

22. Создание с помощью JavaScript и CSS всплывающих подсказок

Всплывающие подсказки JavaScript

Подсказки появляются и исчезают при нажатии на кнопку.

23. Подсказки при заполнении полей формы

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

24. Подсказки на jQuery

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

25. Всплывающие подсказки

Всплывающие подсказки

26. Всплывающие подсказки «qTip»

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

На странице загрузки нажмите на ссылку «Download»

Подготовлено по материалам: efimov.ws

  • 0
  • Автор: efimov
  • Дата: 18 ноября 2011, 12:37
  • В избранное:


Комментарии (0)

rss свернуть / развернуть
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.