"Истина где-то рядом."

Уроки HTML

Скрипты PHP

Шаблоны HTML

Меню сайта
Уроки HTML
Уроки CSS
HTML5
Скрипты JAVA
Вёрстка сайта
Примеры PHP
Графика
Оптимизация сайта
Полезное
Реклама на сайте:






Всплывающий текст рядом с ссылкой


папка digest

Пример №9

Всплывающая подсказка — это небольшой поясняющий текст, который появляется при наведении на какой-то элемент, обычно на ссылку или на картинку.
Пример работы скрипта подсказки, виден на странице.

Вариант установки:

Скопируйте этот код и вставьте его в нужной вам части страницы.


Пример:

Сайт для Веб мастера webps.ru

Этот HTML код устоновите на странице сайта в нужном месте.

<a href='http://webps.ru/' OnMouseMove='show_hint(1)' 
OnMouseOut='hide_hint(1)> 'Сайт для Веб мастера webps.ru</a><br />
<span style='position:absolute;display:none;background-color:
#FFF1B5;border:thin solid #000000;padding:6px 3px;' ID='1'>
Истина где-то рядом!

(!) Этот код нужно повторять для каждой ссылки если вы дублируете ссылки подряд. Менять в нем URL ссылки, сам текст, указвать номер ИД_а ID='?' и указать этот ID в функциях show_hint(?) и hide_hint(?).

Файл для скачивания в зип архиве:


(!) Аналогичный приём с всплывающей подсказкой в виде тултипа можно посмотреть. На этой странице

 



Создано: 24.08.2020.|Обновлено: 22.12.2022.