Рекомендации для подсказок jQuery

Question

Я ищу плагины всплывающей подсказки для jQuery, которые позволили бы использовать следующий тип поведения.

<a href="somewhere.html">
 <span>
  <img src="someimage.jpg" style="display: none;" />
  Here is the tooltip content.
 </span>
 Here is the link to somewhere.
</a>

Надеюсь, что мне нужно навести курсор мыши на «Вот ссылка на куда-то» и всплыть всплывающую подсказку, показывающую содержимое диапазона, содержащего «someimage.jpg» и «Вот содержимое всплывающей подсказки».

Я бы предпочел, чтобы подсказка отслеживала движение мыши по ссылке и чтобы внешний вид подсказки (цвет фона, прозрачность, цвет границы и т. Д.) Был настраиваемым.

Две самые популярные подсказки, которые я нашел, «clueTip» и «Всплывающая подсказка» Йорна Зефферера, похоже, не подходят, если я что-то упустил.

В конечном итоге ссылки и изображения будут генерироваться динамически.

Answer 1

NewTip ->

      New Tooltip JQuery plugin with support in browsers from IE7+, Firefox, Chrome 

Очень привлекательный и простой в настройке как для обработки вызовов, так и для любого типа элемента.

попробуй:

Реестр плагинов JQuery: http://plugins.jquery.com/newtip/

Домашняя страница Github: https://github.com/chandra7mca/newtip

Answer 2

Я также создал плагин jQuery для всплывающих подсказок - он очень маленький - уменьшен до 5 КБ, очень прост в настройке и использовании и имеет множество опций конфигурации; он будет размещать подсказки внутри области просмотра независимо от вертикальной / горизонтальной прокрутки или размера окна; Ширина и цвет фона могут быть изменены при инициализации. Он не использовал никаких изображений - он использует CSS для всех интересных вещей и грациозно ухудшается для старых браузеров. Это работает даже в IE6 :) И, по умолчанию, это выглядит так:

Answer 3

jQuery UI теперь имеет встроенный модуль всплывающей подсказки: http://jqueryui.com/tooltip/

Прекрасно работает и легко настраивается.

Answer 4

Я рекомендую ClueTip: http://plugins.learningjquery.com/cluetip/ Он прост в использовании, поддерживает разрывы строк в подсказках (со свободно настраиваемым разделителем) и, кажется, хорошо работает в ячейках таблицы (чего не было в случае * 1004). *

Answer 5

я думал об использовании этого: http://www.codylindley.com/blogstuff/js/jtip/

и это: http://onehackoranother.com/projects/jquery/tipsy/

другие рекомендованные могут лучше соответствовать вашим потребностям