43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS

Пользователи любят, когда то, что им непонятно, разъясняется прям тут же, на месте. Но далеко не все веб-мастера удосуживаются сделать что-то подобное…

А ведь это мелочь, из-за которой владельцы сайтов могут лишиться ценного целевого трафика. В помощь веб-мастерам создано огромное количество решений данной проблемы. Ведь представьте, как приятно ощущать, что о тебе веб-мастер позаботился, организовал помощь путем всплывающих подсказок и т.д.

В данной статье мы собрали ссылки как на скриптовые решения (JavaScript и AJAX), так и на CSS-решения, последних, к сожалению, гораздо меньше…

Итак, далее Вас ждет 43 примера реализации всплывающих подсказок. Я уверен, что Вы обязательно найдете подходящий для себя вариант реализации данного решения.

Я был бы очень признателен, если бы Вы высказались по поводу данного обзора и приведенных в нем решений в комментариях!

AJAX и JavaScript решения

1. Nice Titles Revised

Tooltips Scripts - Nice Titles revised | Blog | 1976design.com

2. A lightweight prototype based JavaScript tooltip

Tooltips Scripts - A lightweight prototype based JavaScript tooltip

3. Nice Titles

Tooltips Scripts - Nice titles

4. AJAX-enabled Help-Balloons

Tooltips Scripts - BeauScott AJAX-enabled Help-Balloons

5. jTip – A jQuery Tool Tip

Screenshot Tooltipp

6. jQuery plugin: Tooltip

Screenshot Tooltipp

7. qTip

Tooltips Scripts - qTip › CSS › Learn › solarDreamStudios

8. Form field hints with CSS Tooltips

Tooltips Scripts - Form field hints with CSS and JavaScript (Ask the CSS Guy)

9. JS Tooltip

Tooltips Scripts - Javascript Entry - Cody Lindley: Finding a Javascript Tool Tip Script

10. BoxOver

Screenshot Tooltipp

11. SuperNotes

Screenshot Tooltipp

12. Tipster

Tooltips Scripts - Tipster Demonstration

13. 5 Tooltips by DHTMLGoodies

Screenshot Tooltipp

14. The second technique uses AJAX.

Screenshot Tooltipp

15. Mootools Tooltip

Tooltips Scripts - Mootools Javascript Tooltips

18. Sweet Titles

19. Hover Tip

Tooltips Scripts - Hover-Tip: Tooltip You Can Mouse Over

20. Multiline Tooltip with HTML, CSS and JavaScript

Tooltips Scripts - texSoft.it - multiline tooltip with HTML CSS and JavaScript

21. overLIB

Screenshot Tooltipp

22. Scriptaculous Effect.Tooltip

Tooltips Scripts - Effect.Tooltip

23. Tooltip.js

Tooltips Scripts - Tooltip.js - About

CSS решения

24. CSS Tooltips

Tooltips Scripts - Custom CSS Tooltips - loadaverageZero

25. CSS Technique for Tooltips

Tooltips Scripts - CSS Tooltips - Part One

26. Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus

Tooltips Scripts - Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus

27. CSS Menu Descriptions

Tooltips Scripts - CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com

28. Balloon Tooltip Demonstration

Tooltips Scripts - Balloon tooltip demonstration

29. CSS Tooltipps, lixlpixel Javascript Tooltips

Tooltips Scripts - lixlpixel javascript tooltips | tooltips which stick to the cursor

Tooltips Scripts - lixlpixel CSS tooltips

30. CSS Rollovers for Tooltips

Tooltips Scripts - | mikezilla | CSS Rollovers for tooltips

31. CSS Bubble Tooltips

Tooltips Scripts - CSS Bubble Tooltips

32. Simple, accessible “more” links — v2

Tooltips Scripts - Simple, accessible

34. CSS Tooltips

Tooltips Scripts - Fiji Web Design - CSS Tooltips - Floating HTML Elements

35. Information Balloon PopUps

Screenshot Tooltipp

Прочие решения

36. Tooltips Scripts - Snap

37. DHTML Tooltips

Tooltips Scripts - DHTML Tooltips: Pop-up Layer Onmouseover

38. Animated Tooltip Javascript

39. DOM Tooltip

40. Yahoo! UI Library: Tooltip

WordPress-плагины

41. WP — Bubble Tooltips (Plugin)

Tooltips Scripts - WP - Bubble Tooltips (Plugin) | bueltge.de [by:ltge.de]

42. FancyTooltips

Tooltips Scripts - wg:Bubble Tooltips

43. Fancy Tooltips

Screenshot Tooltipp

Оригинал статьи: 40+ Tooltips Scripts With AJAX, JavaScript & CSS

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*