<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>
|