|
Всплывающие подсказки.
При наведении курсора мышки на ссылку появляется текстовая
подсказка. Вставьте в тег <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>
Результат.
Текст
Текст1
Текст2
|
