To jest warstwa
numer 1. To jest warstwa numer 1. To jest warstwa numer 1.
To jest warstwa numer 2. To jest warstwa numer 2. To
jest warstwa numer 2.
Umieść ten kod pomiędzy znacznikami
<Head> </Head>
<style type="text/CSS">
<!--
.Ukryj, .Pokaz {position: absolute; top:80px; left:160px; width:
200} Pozycja warstwy oraz jej szerokość -
można zmieniać do woli
.Ukryj {visibility="hidden"}
.Pokaz {visibility="visible"}
.formularz {position: absolute; top: 150px} Pozycja od góry obszaru z linkami - u mnie : pozycja obszaru z napisami
Warstwa 1 i warstwa 2
-->
</style>
</head>
<script language="javascript">
<!--
var naWierzchu = "jeden" //pierwsza z warstw
function pokazujWarstwe(newTop) {
document.all(naWierzchu).className = "Ukryj";
document.all(newTop).className = "Pokaz";
naWierzchu = newTop;
}
//-->
</script>
Umieść ten kod pomiędzy znacznikami
<Body> </Body>
<div id="jeden"
class="Pokaz"><p>To jest warstwa
numer 1. To jest warstwa numer 1. To jest warstwa numer
1.</p>
</div><div id="dwa"
class="Ukryj"><p>To jest warstwa numer 2. To jest warstwa numer 2. To
jest warstwa numer 2.</p> Można
dodawać warstw w nieskończoność
</div><div class="formularz"><p
onmouseover="pokazujWarstwe('jeden')">Warstwa 1</p>
<p onmouseover="pokazujWarstwe('dwa')">Warstwa
2<br> I tekstów też, można je też zamienić na
rysunki
</p>
</div>
|