Как добавить всплывающую подсказку к HTML-тегу без гиперссылки - PullRequest
Новая
       3

Как добавить всплывающую подсказку к HTML-тегу без гиперссылки

2 голосов
/ 03 апреля 2012

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

т.е.Я хочу, чтобы при наведении мыши на текст всплывающей подсказки был бы полезен рабочий пример всплывающей подсказки, не основанной на гиперссылке

Спасибо

Ответы [ 3 ]

5 голосов
/ 03 апреля 2012

Если под всплывающей подсказкой вы имеете в виду атрибут title, вы можете применить его ко многим различным элементам HTML. Например span: 

<span title="This is my tooltip">roll over me!</span>​

http://jsfiddle.net/Curt/cBHf7/

Однако, если вы имеете в виду всплывающие подсказки JavaScript, они также могут применяться к элементам, отличным от якоря:

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

1 голос
/ 03 апреля 2012

Есть много плагинов jQuery, которые приспособят это поведение. Вы можете вспомнить подсказки по селекторам jQuery. Или просто используйте атрибут "title".

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

1 голос
/ 03 апреля 2012 
<span title="this is the tooltip">Text user will see on page goes here</span>

Вы можете добавить атрибут заголовка почти ко всем тегам HTML, подобным этому, кроме <base>, <head>, <html>, <meta>, <param>, <script>, <style> и <title>.Больше информации от W3Schools здесь .

Доступны различные варианты JavaScript, преимуществом которых является то, что вы можете изменить разбивку, например, увеличить подсказку или добавить разрывы строк в тексте.Недостатком является то, что его сложнее реализовать и может повлиять на отзывчивость страницы, если у вас много.Ваш звонок:)

...