Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!
43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS
Опубликовано Февраль 11th, 2008 в Web-разработка |
Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
Пользователи любят, когда то, что им непонятно, разъясняется прям тут же, на месте. Но далеко не все веб-мастера удосуживаются сделать что-то подобное…
А ведь это мелочь, из-за которой владельцы сайтов могут лишиться ценного целевого трафика. В помощь веб-мастерам создано огромное количество решений данной проблемы. Ведь представьте, как приятно ощущать, что о тебе веб-мастер позаботился, организовал помощь путем всплывающих подсказок и т.д.
В данной статье мы собрали ссылки как на скриптовые решения (JavaScript и AJAX), так и на CSS-решения, последних, к сожалению, гораздо меньше…
Итак, далее Вас ждет 43 примера реализации всплывающих подсказок. Я уверен, что Вы обязательно найдете подходящий для себя вариант реализации данного решения.
Я был бы очень признателен, если бы Вы высказались по поводу данного обзора и приведенных в нем решений в комментариях!
AJAX и JavaScript решения
2. A lightweight prototype based JavaScript tooltip
3. Nice Titles
7. qTip
8. Form field hints with CSS Tooltips
9. JS Tooltip
10. BoxOver
11. SuperNotes
12. Tipster
13. 5 Tooltips by DHTMLGoodies
14. The second technique uses AJAX.
15. Walter Zorns JavaScript, DHTML Tooltipps
16. clueTip
17. Mootools Tooltip
18. Sweet Titles
19. Hover Tip
20. Multiline Tooltip with HTML, CSS and JavaScript
21. overLIB
22. Scriptaculous Effect.Tooltip
23. Tooltip.js
CSS решения
24. CSS Tooltips
25. CSS Technique for Tooltips
26. Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus
28. Balloon Tooltip Demonstration
29. CSS Tooltipps, lixlpixel Javascript Tooltips
30. CSS Rollovers for Tooltips
33. Simple, accessible “more” links - v2
34. CSS Tooltips
35. Information Balloon PopUps
Прочие решения
36. Snap.com
37. DHTML Tooltips
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]](http://www.w3school.ru/blog/wp-content/uploads/2007/08/43-tooltips-scripts-ajax-javascript-css-dhtml-35.gif "Tooltips Scripts - WP - Bubble Tooltips (Plugin) | bueltge.de [by:ltge.de]")
42. FancyTooltips
43. Fancy Tooltips
Оригинал статьи: 40+ Tooltips Scripts With AJAX, JavaScript & CSS
Популярность публикации: 37%
Похожие статьи по блогингу и веб-местерингу:
- 50 полезных скриптов и плагинов на jQuery
- 85 полезных и регулярно используемых AJAX-техник, необходимых для создания профессиональных веб-приложений
- 37 любопытных, нужных и полезных jQuery плагинов и скриптов
- 45 свежих и полезных jQuery плагинов и скриптов
- Таблицы, созданные с помощью CSS: современные и продвинутые решения
18 комментария(-ев)
Полезная инфа! От ныне я Ваш постоянный читатель!
) Однозначно спасибо!!!
Веду свой блог pc-obzor.ru, разрешите частично цитировать на нем Ваши статьи (сслылочка на ваш блог будет обязательно!
roman, цитируйте, пожалуйста, с ОБЯЗАТЕЛЬНЫМ указанием данного сайта как источника информации активной ссылкой.
Рад, что Вам нравится!
забавно: как мне кажется существует покрайней мере еще два источника с такой же инфой
или это просто у блогеров мысли сходятся
Могилевский бомж, лично я брал с западного самого что ни на есть первоисточника! Ссылка на него в конце публикации!
Ну а почему бы и мысли не похожи
Если контент действительно полезный как для автора, так и для его аудитории, почему бы не пустить в массы 
Спасибо за подборку. Некоторые варианты даже очень неплохи. У меня идея реализовать скрипт для того, чтобы у всех ссылок на странице всплывала область выбора - в каком окне открывать ссылку. Полагаю, теперь получится.
супер полезно. мне наглядно, а моему програмеру в исполнение)
благодарю
Отлично!
5+
Как раз искал анимированные подсказки.
Очень полезно! Нашла многое из того, что искала уже не один день в сети. Наткнулась на вас - а тут такие пряники )
При закачке одного из скриптов (”http://www.beauscott.com/examples/help_balloons/HelpBalloon.zip”) Traffic Inspector выдает сообщение: “Контент заблокирован, обнаружен вирус(ы) - 2, тип - Virus/Heuristic”
О! Ваще круто! Сразу всё и в одном месте, не надо весь инет шерстить! Спасибо большое! Очень помогло!
СПАСИБО!
То что надо…
Ты был прав, я нашол именно для себя подходящий вариант)))
Привет. Я написал свой скрипт подсказок. Идейно это одно и тоже. Но некоторые мелочи и дизай у меня не получился. Я хотел найти, то что у вас на сайте. Очень полезно! Последний писк!
а еще можно вот так, суть таже, только намного роще http://neoprizma.net/2009/08/07/alt/
забавно , НО легче сделать самому , то что нужно
А чё суахили не катит
Замечательный обзор, огромное спасибо автору.
спасибо!