Реализация всплывающих подсказок на JavaScript и CSS

Часто возникает необходимость дать пользователю краткое описание или подсказку. Например, подсказки можно использовать в различных меню, формах или просто для описания ссылок. При наведении курсора мыши пользователю не навязчиво будет дано понять, что это за элемент, как правильно заполнить форму или куда будет вести ссылка. Очень удобно.

Вашему вниманию представляю несколько решений для организации всплывающих подсказок при наведении. Подсказки реализованы с помощью JavaScript и CSS

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

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

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

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

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

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

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

4. jQueru подсказки

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

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

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

6. jQuery подсказки tooltip

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

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

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

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

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

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

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

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

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

10. jQuery плагин Tooltip

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

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

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

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

12. Плагин «SuperNotes»

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

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

13. Всплывающие подсказки для форм

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

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

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

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

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

20.10.2010
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus