Всплывающие подсказки.
При наведении курсора мышки на ссылку появляется текстовая подсказка. Вставьте в тег <body … onLoad="init()"> (надписи выделенные зеленым необходимо откорректировать).
Код.
<style type="text/css">
#layer1 {POSITION: absolute; VISIBILITY: hidden; LEFT: 500; TOP: 500;}
#layer2 {POSITION: absolute; VISIBILITY: hidden; LEFT: 500; TOP: 500;}
#layer3 {POSITION: absolute; VISIBILITY: hidden; LEFT: 500; TOP: 500;}
</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>