Измените скорость отображения всплывающей подсказки атрибута title


140

Есть ли способ изменить скорость всплывающей подсказки из атрибута "title" элемента? Я бы хотел, чтобы всплывающая подсказка появлялась сразу, но кажется, что она появится через несколько секунд.


1
Разве это не будет определяться операционной системой и / или веб-браузером? Если вы не реализуете свою собственную динамическую всплывающую подсказку, подобную этой (но менее отвратительную) :)
c24w

Определенно, эту функцию следует попросить добавить в стандарты html / css.
Арно

Ответы:


79

Нет, нет пути. titleАтрибут реализован в браузере зависимым образом. Например, я помню разницу между IE и FF при использовании \r\nвнутри него.

Документы Mozilla хорошо объясняют ограничения и функциональность.

Если вам нужна настройка, вы можете взглянуть на сторонние плагины, такие как qTip2, которые имитируют его с помощью div и прочего и предоставляют вам полный контроль.


Если вы используете Foundation, у них есть неплохой компонент всплывающей подсказки: foundation.zurb.com/docs/components/tooltips.html
Дэнни Р.

29

Вы можете использовать jqueryUI, как было предложено. Пример управления длительностью свойства show:

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

15

Jquery UI подсказка чрезвычайно проста и настраиваемая: Просто скачать или включить Jquery UI в вашей странице.

Если вы хотите, чтобы все всплывающие подсказки на вашей странице отображались сразу при наведении курсора, просто используйте это:

$(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: стильные-jquery-tooltip-plugins и множество похожих страниц всплывают :-)
jcansell

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.