Intereting Posts
Можно ли настроить Google Карты на медленную постоянную панорамирование? Как революция в мире? jQuery: доступ к строкам таблицы второй и последующих страниц в формате datatable Как отображать сообщение только в том случае, если определенное время прошло jquery – предотвратить отправку формы Простая связь со стандартом TCP / IP с использованием ColdFusion Тест для уравнения иррациональный Как динамически добавлять точки в карту Google при изменении границ? Несколько версий Safari в Windows XP? Как я могу создать цепочку или поставить в очередь пользовательские функции с помощью JQuery? Использование jQuery noconflict с двумя версиями jQuery Добавление функций в массив instagram jquery ajax type = “GET, не может обойти CORS Ползунок JQuery UI с двумя ручками с вводом из двух текстовых полей? Как создать jQuery-UI datepicker в центре экрана? Демоверсии jQuery SheepIt неверны с использованием вложенных форм JQuery Knockout: ko.computed () против classической функции?

Как я могу отображать всплывающее сообщение при наведении курсора с помощью jQuery?

Как указано в заголовке, как я могу отображать всплывающее сообщение при наведении с помощью jQuery?

Я предлагаю qTip .

Плагин подсказки может быть слишком тяжелым для того, что вам нужно. Просто установите атрибут «title» с текстом, который вы хотите показать в своей подсказке.

 $("#yourElement").attr('title', 'This is the hover-over text'); 

взгляните на плагин jQuery Tooltip . Вы можете передать объект опций для разных параметров.

Существуют и другие альтернативные плагины для всплывающих подсказок, из которых несколько

  • Всплывающая подсказка jQuery AJAX Random.Next ()

  • dhtml goodies AJAX tooltip

  • clueTip

Взгляните на демонстрации и документацию и, пожалуйста, обновите свой вопрос, если у вас есть конкретные вопросы о том, как их использовать в вашем коде.

Следующее будет работать как шарм (если у вас есть div / span / table / tr / td / etc с "id"="myId" )

  $("#myId").hover(function() { $(this).css('cursor','pointer').attr('title', 'This is a hover text.'); }, function() { $(this).css('cursor','auto'); }); 

Как бесплатный, .css('cursor','pointer') изменит указатель мыши на зависании.

Как рекомендовано qTip и другие проекты довольно старые, я рекомендую использовать qTip2, поскольку он является самым современным.

Вы можете использовать всплывающую подсказку . Не забудьте инициализировать его.

  inside span  

Будет показан текст. Пояснение на левой стороне.

и запустите его с помощью js:

 $('.tooltip-r').tooltip(); 

Взгляните на ToolTipster

  • легко использовать
  • гибкий
  • довольно легкий, по сравнению с некоторыми другими плагинами всплывающих подсказок (39kB)
  • выглядит лучше, без дополнительного стиля
  • имеет хороший набор предопределенных тем

Вы можете сделать это, используя только css без использования jQuuery.

  Hover Me My Tooltip Text