СТРАНИЦА   № 52« предыдущая  |  содержание  |  следующая »

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

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

« предыдущая  |  содержание  |  следующая »

 

Оставить комментарий

Знаете ли Вы, что, как ни тужатся релятивисты, CMB (космическое микроволновое излучение) - прямое доказательство существования эфира, системы абсолютного отсчета в космосе, и, следовательно, опровержение Пуанкаре-эйнштейновского релятивизма, утверждающего, что все ИСО равноправны, а эфира нет. Это фоновое излучение пространства имеет свою абсолютную систему отсчета, а значит никакого релятивизма быть не может. Подробнее читайте в FAQ по эфирной физике.

Последнее обновление: суббота 21 декабря 2024 г.
Bourabai Research Institution home page

Bourabai Research - Технологии XXI века Bourabai Research Institution