Змініть, як швидко з’являється підказка атрибута "title"


140

Чи є спосіб змінити швидкість підказки з атрибута елемента "title"? Мені б хотілося, якби підказка з’явилася негайно, але, здається, потрібно кілька секунд.


1
Це не визначатиметься операційною системою та / або веб-браузером? Якщо ви не реалізуєте свою власну динамічну підказку на зразок цієї (але менш
огидної

Безумовно, цю функцію слід попросити додати в html / css стандарти.
Арно

Відповіді:


79

Ні, немає способу. titleАтрибут реалізований в браузері залежним чином. Наприклад, я пам'ятаю відмінності між IE і FF при використанні \r\nвсередині нього.

Документи Mozilla добре пояснюють межі та функціональність.

Якщо ви хочете налаштувати, ви можете ознайомитись із сторонніми плагінами, такими як qTip2, які імітують його за допомогою divs та інших матеріалів та забезпечують повний контроль.


Якщо ви використовуєте Foundation, вони мають досить гарний компонент підказки: foundation.zurb.com/docs/components/tooltips.html
Danny R

29

Ви можете використовувати jqueryUI як пропонується. Приклад контролю тривалості у властивості шоу:

$( ".selector" ).tooltip({ show: { effect: "blind", duration: 800 } });

15

Підказка інтерфейсу Jquery користувальницького інтерфейсу надзвичайно проста і налаштована: просто завантажте або додайте інтерфейс jquery на свою сторінку.

Якщо ви хочете, щоб усі підказки вашої сторінки відображалися відразу після наведення курсору, просто скористайтеся цим:

$(document).tooltip({show: null});

Зауважте, що це стосується всіх елементів, які мають атрибут 'title'. Ви можете змінити селектор, щоб впливати лише на клас, і встановити власну швидкість або ефект:

$('.yourClass').tooltip({show: {effect:"none", delay:0}});

5

Неможливо змінити швидкість відображення підказки браузера за замовчуванням, але ви можете використовувати один із плагінів підказок (ось декілька: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ), де ви можете налаштувати багато речей, включаючи затримку.


1
Не вдалося знайти плагін підказки у наданому посиланні.
T30

1
так - посилання помирають, однак .. google: Styling-jquery-tooltip-плагіни та багато подібних сторінок спливають :-)
jcansell

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.