rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Do 12.08.2004 15:12
Titel
|
|
|
hier altes script von mir. kopier mal raus und schau's dir an. du kannst natürlich auch problemlos bilder statt text in die layer setzen.
der eigentlich code im script ist dreifach vorhanden. einmal für den alten netscape, den alten ie und einmal für die aktuellen browser.
so läuft es wohl in jedem browser. wenn dir das egal ist, dann löschst du den krams bis auf getElementById.
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Layer</title>
<style type="text/css">
<!--
a {
font-family:verdana,arial,helvetica,sans-serif;
font-size:9pt;
color:#004080;
text-decoration:none;
font-weight:bold; }
a:hover {
text-decoration:underline; }
a:active{
color:#666666;
text-decoration:none; }
#text1 {
position:absolute;
left:100;
top:200;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
color:#000000;
visibility:hidden; }
#text2 {
position:absolute;
left:100;
top:200;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
color:#000000;
visibility:hidden; }
#text3 {
position:absolute;
left:100;
top:200;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
color:#000000;
visibility:hidden; }
#text4 {
position:absolute;
left:100;
top:200;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
color:#000000;
visibility:hidden; }
//-->
</style>
<script type="text/javascript">
<!--
function zeigText(ziel)
{
if (document.all)
{
document.all[ziel].style.visibility = 'visible';
}
else if (document.layers)
{
document.layers[ziel].visibility = 'show';
}
else if (document.getElementById)
{
document.getElementById(ziel).style.visibility = 'visible';
}
}
function textWeg(ziel)
{
if (document.all)
{
document.all[ziel].style.visibility = 'hidden';
}
else if (document.layers)
{
document.layers[ziel].visibility = 'hide';
}
else if (document.getElementById)
{
document.getElementById(ziel).style.visibility = 'hidden';
}
}
//-->
</script>
</head>
<body>
<a href="#" onmouseover="zeigText('text1')" onmouseout="textWeg('text1')">Text 1</a>
<a href="#" onmouseover="zeigText('text2')" onmouseout="textWeg('text2')">Text 2</a>
<a href="#" onmouseover="zeigText('text3')" onmouseout="textWeg('text3')">Text 3</a>
<a href="#" onmouseover="zeigText('text4')" onmouseout="textWeg('text4')">Text 4</a>
<div id="text1">Hier steht irgendein Text</div>
<div id="text2">z. B. die Beschreibung eines<br> dazugehörigen Bildes<br> innerhalb einer Slideshow</div>
<div id="text3">oder der Inhalt der Seite,<br> auf die der Link gesetzt ist</div>
<div id="text4">oder irgendetwas ganz anderes,<br> je nach Gusto!</div>
</body>
</html>
|
|
|