Главная » Каталог » Tooltips » Всплывающая подсказка на jQuery

Tooltips

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



Вариант всплывающей подсказки с закруглением углов и тенью для блока подсказки. Используется предустановленные настройки 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>


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

Другие материалы:

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

    13.04.2017

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

    Комментарии: 0   Просмотры: 116

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

    06.11.2016

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

    Комментарии: 0   Просмотры: 259

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

    10.10.2016

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

    Комментарии: 0   Просмотры: 214

Теги материала

Хостинг от uCoz