Как увеличить продолжительность наведения по умолчанию для атрибута заголовка ‹a› (подсказка)

Есть ли способ увеличить продолжительность всплывающей подсказки, отображаемой с помощью атрибута title тега html?

В настоящее время в IE он длится около 5 секунд, а затем исчезает.


html hover tooltip
person justinl    schedule 07.10.2009    source источник
comment
возможный дубликат Есть ли способ, чтобы атрибут title элемента html отображался в течение более длительного времени?   -  person m-smith    schedule 18.10.2013

Ответы (4)


arrow_upward
20
arrow_downward

Я думаю, что это зависит от операционной системы, и вы не должны пытаться переопределить это.

Лучшим способом будет создание пользовательской всплывающей подсказки.

Вот несколько хороших

Демонстрация подключаемого модуля jQuery Tooltip

person rahul    schedule 07.10.2009
comment
+1 за полную правильность. OP должен искать хорошую легкую библиотеку всплывающих подсказок, их много. - person timdev; 07.10.2009
comment
Спасибо! Я не был уверен, что это управляется ОС, если его можно как-то установить с помощью css. - person justinl; 07.10.2009

arrow_upward
2
arrow_downward

Как увеличить продолжительность наведения по умолчанию для атрибута заголовка (подсказка)

Не используйте IE, в браузере Firefox нет ограничений по времени. Или используйте код, который я сделал.

Я сделал код на html/css только в одном файле, проще некуда.

<!DOCTYPE html><html><body><style>
.m span{display: none;list-style: none} .m {z-index:24;position:relative;display:inline-block}
.m:hover span{z-index:999;display:block;position:absolute;top:19px;left:1em;border:1px solid #000;background-color:#eee;color:#000;min-width:300px}
</style>
<div class="m"> News         <span> Links inside span works good <a target="_blank" href="http://cnn.com">Cnn.com</a></span></div>
<div class="m"> Hover over here and Information comes up <span> To make complex things easy is not so easy to do. </span></div> 
<br> Just som text here to give you the 3D effect <br>
</body></html>

person Make it easy is the hard part    schedule 13.02.2015
comment
Это решение плохо работает с поисковыми системами и программами чтения с экрана. - person Samer; 26.05.2015

arrow_upward
2
arrow_downward

Чтобы уточнить ответ феникса. Пользовательские всплывающие подсказки обеспечат вам большую гибкость в их внешнем виде и расположении. Вам нужно получить библиотеку JavaScript (например, jquery или mootools) и получить плагин для их отображения. Затем вы свяжете файл JQuery .js, файл плагина и CSS, наконец, вы добавите некоторую разметку, чтобы все заработало.

Например, этот: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ или этот: http://craigsworks.com/projects/simpletip/

Обычно их довольно просто установить, единственное требование — ваш сайт должен поддерживать javascript.

person Palantir    schedule 07.10.2009

arrow_upward
1
arrow_downward

Попробуйте всплывающую подсказку WZ (может больше не поддерживаться): Нажмите здесь

person Himadri    schedule 07.10.2009
comment
Спасибо за ссылку. Это простая и быстрая альтернатива использованию jQuery, которую я могу в конечном итоге использовать. - person justinl; 08.10.2009