Підказки використовуються з елементом для відображення заголовка в полі заголовка поруч із елементом, коли ви наводите курсор миші на елемент. Підказки можна прикріпити до будь-якого елемента. Якщо ви хочете відобразити спливаючу підказку, просто додати атрибут title до елементів введення, і значення атрибута title буде використано як підказку.
Ось простий приклад:
- /* Спочатку приховати текст */
- .hidden-text {
- видимість: прихована;
- непрозорість: 0;
- перехід: видимість 0 с, непрозорість 0,5 с;
- }
- /* Показати текст при наведенні */
- .hover-container:hover .hidden-text {
Основний HTML підказки: Використовуйте елемент-контейнер (наприклад, <div>) і додайте до нього клас "tooltip".. Коли користувач наведе курсор миші на цей <div>, він покаже текст підказки. Текст підказки розміщується всередині вбудованого елемента (наприклад, <span>) із class="tooltiptext" .
Метод jQuery hover(). Метод hover() визначає дві функції для запуску, коли вказівник миші наводиться на вибрані елементи. Цей метод запускає події mouseenter і mouseleave. Примітка. Якщо вказано лише одну функцію, її буде запущено як для подій mouseenter, так і для подій mouseleave.
Ви вибираєте один або кілька елементів за допомогою селектора jQuery, який запускає підказку(и). Атрибут заголовка тригера використовуватиметься як вміст підказки. Фактичний елемент підказки створюється автоматично, коли він показується вперше.