Бесплатные скрипты : JavaScripts

главная добавить в избранное карта сайта контакт
Бесплатные скрипты

Графика
Навигация, кнопки, меню...
Окна
Скроллинг
Статистика
Текст, ссылки...
Формы
Фреймы
Часы, календари, калькуляторы...
Разное



Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама

Бесплатные JavaScripts



Всплывающие подсказки


При наведении курсора мышки на ссылку появляется текстовая подсказка. Вставьте в тег <body … onLoad="init()"> (надписи выделенные зеленым необходимо откорректировать).
 

Скрипт


<style type="text/css">
#layer1 {POSITION: absolute; VISIBILITY: hidden; LEFT: 100; TOP: 100;}
#layer2 {POSITION: absolute; VISIBILITY: hidden; LEFT: 100; TOP: 100;}
#layer3 {POSITION: absolute; VISIBILITY: hidden; LEFT: 100; TOP: 100;}
</style>

<script language="JavaScript">
<!--
var browser = navigator.appName;
function init(){
if (browser == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function showLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
//-->
</script>

В том месте, где необходимо пишется:

<a href="index.htm" onMouseOver="showLayer('layer1')" onMouseOut="hideLayer('layer1')">Текст</a>
<a href="index1.htm" onMouseOver="showLayer('layer2')" onMouseOut="hideLayer('layer2')">Текст 1</a>
<a href="index2.htm" onMouseOver="showLayer('layer3')" onMouseOut="hideLayer('Текст 2')">J37</a>

<div id="layer1">Подсказка</div>
<div id="layer2">Подсказка 1</div>
<div id="layer3">Подсказка 2</div>

Пример работы скрипта


Текст
Текст 1
Текст 2
Подсказка
Подсказка 1
Подсказка 2







DOWNLOADSCRIPTS © 2009-