Гостевой вход

Вы не залогинились
15:04

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

Категория: Tooltips

Метки: всплывающие подсказки
Вариант всплывающей подсказки с закруглением углов и тенью для блока подсказки. Используется предустановленные настройки CSS и библиотека jQuery с официального ресурса.
В демо-примере показаны варианты всплывающей подсказки для ссылок и для поля ввода input.

Для подключения подсказок данного типа на сайте, в шапке страницы подключить:

Код

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>  
<script>
  $( function() {
  $( document ).tooltip();
  } );
</script>


Для ссылок обязательно должно быть прописано содержимое титла, чтобы подсказка выводилась.

Просмотров: 224 | Скачиваний: 0 | Комментариев: 0 | Рейтинг: 0.0/Оценок: 0

Материалы схожей тематики

    Дополнительная информация во всплывающих подсказках на CSS

    Интересное, на мой взгляд, решение с выводом дополнительной информации для изображений. Суть: имеем фотогалерею с изображениями, для которых изначально снижена непрозрачность,при наведении на изображение параметр opacity становится равным единице и выводится дополнительная информация об изображении, при этом само изображение вместе с текстом подсказки выводится в едином блоке на белом фоне.

    PowerTip - jQuery плагин для создания всплывающих подсказок

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

    Toolbar.js - jQuery плагин для создания панелей инструментов во всплывающих подсказках

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

    Tooltipster - гибкий и расширяемый jQuery плагин для создания современных всплывающих подсказок

    Достаточно прост для всех и достаточно мощный для всего! Ни много, ни мало, именно такой слоган у авторов этого jQuery плагина стоит на главной! И, скажу я вам, если они и лукавят, то лишь самую малость - возможности этого плагина для создания всплывающих подсказок и вправду впечатляют!

Онлайн статистика

18.11.2017

Суббота

Онлайн всего: 1
Гостей: 1
Пользователей: 0

На сайте сейчас: