Веб- пользователи любят информативные clues.
Независимо вопросы и недоразумения могут возникнуть – доставки точный ответ немедленно, является основной задачей отзывчивый интерфейс пользователя должен быть в состоянии справиться.Для этого разработчики должны рассмотреть тонкие и продуманные подсказки – используются правильно, они могут значительно улучшить пользовательский опыт и помогают пользователям добиться своей цели.В таких веб-“ responsive” намеков может быть предоставлена tooltips.Например, неясно полей ввода в веб-формах являются прекрасным примером ситуации вы могли бы быть готовы использовать подсказки for.
Большинство решений JavaScript и AJAX-основе, однако we’ ве также удалось найти некоторые легкие CSS-решений.Чтобы установить и использовать сценарий, it’ S достаточно часто, чтобы включить библиотеку JavaScript в исходный код и обеспечивает подсказку в виде обычного текста в “ title”-атрибут.Иногда Вы также можете вставить URL-адреса, картинки, таблицы и другие элементы – принципе, это может быть почти все, you’ D никогда не хотел, чтобы это be.
We’ хотел бы поблагодарить Юрген Коллер для составления обширный список подсказка scripts we’ ве наткнулся во время нашего поиска.Это дает много полезных указателей, но we’ ве удалось найти еще несколько.Вы можете быть готовы использовать Koller’ с поста быстрые ссылки для вашего search.
Let’ S взглянуть на 43 удобных сценариев подсказки для интуитивно понятного и хорошо продуманных визуальных clues.It’ Приятно иметь их все в одном месте, когда вы в них нуждается.It’ Приятно быть в состоянии найти их, как только вы don’ т есть время для поиска them.
Подсказки: AJAX & наличие Solutions
- Nice титулов RevisedУлучшенная Nice титулов Подсказка сценариев с поддержкой код доступа.
- Легкий прототип на основе JavaScript подсказки
- Nice TitlesКлассика.Сценарий использует фоновое изображение.
- AJAX с поддержкой Help-Balloons Помощь окон в шаре-дизайна.AJAXified версия также доступна.
- JTIP — JQuery инструментов TipОбширные AJAX на основе подсказки с многочисленными функциями и презентация возможностей.
- JQuery плагин: TooltipУсиливает JQuery библиотеки.
- qTipРаботает для всех элементов, не только для ссылки в большинстве браузеров – IE 5.5, Firefox, Safari и Opera.
- поля формы подсказки с CSS Tooltipst’ SA основным примером того, как полезный немного JavaScript и CSS может быть в форме.Вместо входного намекает всегда показывает и potentionally захламление очень простой форме, только намек на настоящее время сосредоточена вход покажет.Эта статья покажет способ сделать это.
- JS TooltipОтображение настраиваемых сообщений подсказка для каждого элемента ссылки на веб-страницы.Подсказки, которые могут быть добавлены в элемент привязки ненавязчиво, добавив класс значение.Это было сделано при наличииСообщение подсказка вытащить из конкретного атрибута название элемента привязки, что подсказка была добавлена тоже.
- BoxOverГибкая DHTML-Tooltipp в различных форматах.Появляется (почти) immedately и исчезает в процессе загрузки.
- SuperNotesПреобразует примечаниях к подсказке.Появляется сразу и могут быть назначены при фиксированном положении в окне браузера.
- TipsterМногофункциональный подсказки с JavaScript.
- 5 подсказки по DHTMLGoodiesПервая версия, предполагают, чтобы повысить удобство работы с онлайн-форм:
- Второй метод использует AJAX.
- Вальтер Zorns JavaScript, DHTML TooltippsЭти подсказки могут быть использованы для различных целей; код хорошо документированы и легко может быть улучшено и изменено.
- clueTipЭто демо-страницы для нового clueTip — JQuery основе, AJAX питанием всплывающей подсказке.ClueTip плагин был вдохновлен Cody Lindley’ S JTIP сценарий.
- Mootools TooltipMootools Javascript примером использования подсказок.
- Сладкие TitlesНаличие замираниями Tooltips.
- Hover TipПодсказка с меню, как возможности.Подсказка слой будет оставаться видимым в то время как зритель находится над ним.Это позволяет размещать интерактивные ссылки в подсказке содержание.
- Multiline всплывающую подсказку с HTML, CSS и JavaScriptЭтот документ объясняет, как сделать хороший многострочный подсказка для HTML документов, используя простой и стандартный CSS, HTML и JavaScript.
- overLIBЭто JavaScr …
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров