ФОРУМ PS-Studio.Info

  • Страница 1 из 1
  • 1
Форум » Общий форум: Веб-дизайн » Готовые решения » Тултипы и модальные окна » Автоматические тултипы для элементов (Всплывающие подсказки с помощью jQuery)
Автоматические тултипы для элементов
Дата: Ср, 09.05.2018, 20:32 Сообщение # 1
ps-studio
Администраторы
Для любого элемента, для которого будет прописан тег title с его содержимым, будут автоматически выводиться всплывающие подсказки.

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

Код

<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>


Примеры элементов, для которых будет выводиться подсказка (ссылка и элемент input):

Код

<a href="#" title="А вот и всплывающая подсказка!">Наведи на меня курсор!</a>

<label for="age">Ваш возраст:</label><input id="age" title="Всплывающая подсказка для полей формы">


профиль www Вверх
Форум » Общий форум: Веб-дизайн » Готовые решения » Тултипы и модальные окна » Автоматические тултипы для элементов (Всплывающие подсказки с помощью jQuery)
  • Страница 1 из 1
  • 1
Поиск:

Хостинг от uCoz