"Истина где-то рядом."
 Уроки HTML |
 Скрипты PHP |
 Шаблоны HTML |
Меню сайта
| Уроки HTML |
| Уроки CSS |
| HTML5 |
| Скрипты JAVA |
| Вёрстка сайта |
| Примеры PHP |
| Графика |
| Оптимизация сайта |
| Полезное |
Реклама на сайте:
Всплывающий текст рядом с ссылкой
Пример №9
Всплывающая подсказка — это небольшой поясняющий текст, который появляется при наведении на какой-то элемент, обычно на ссылку или на картинку.
Пример работы скрипта подсказки, виден на странице.
Вариант установки:
Скопируйте этот код и вставьте его в нужной вам части страницы.
<script language="JavaScript">
function show_hint(pic)
{
var obj=document.getElementById(pic);
var evt = (window.event ? window.event : null);
var x=evt.clientX+15;
var y=evt.clientY+2;
obj.style.display='block';
obj.style.left=x;
obj.style.top=y;
}
function hide_hint(pic)
{
var obj=document.getElementById(pic);
obj.style.display='none';
}
</script>Пример:
Этот 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(?).
Файл для скачивания в зип архиве:
(!) Аналогичный приём с всплывающей подсказкой в виде тултипа можно посмотреть. На этой странице
Читайте также:
