nicht angemeldet
Hallo! Geht das eigentlich, ohne Layer zu machen einen hover bei Netscape zu gestalten? Bis her habe ich nur eine passende Loesung gefunden, die jedoch nur mit Layern funktioniert:
<html><head>
<title>a:hover im Netscape Navigator </title>
<script language="JavaScript">
<!--
function mach_rot(a1,a2,a3)
{
if (document.layers)
{
inhalt='<a class="rot" href="'+a3+'" onMouseOut="mach_schwarz('+a1+',''+a2+'',this.href)">'+a2+'</a>';
document.layers[a1].document.open();
document.layers[a1].document.write(inhalt);
document.layers[a1].document.close();
}
}
function mach_schwarz(b1,b2,b3)
{
if (document.layers)
{
inhalt='<a class="schwarz" href="'+b3+'" onMouseOver="mach_rot('+b1+',''+b2+'',this.href)">'+b2+'</a>';
document.layers[b1].document.open();
document.layers[b1].document.write(inhalt);
document.layers[b1].document.close();
}
}
// -->
</script>
<style type="text/css">
<!--
#ebene0 {position:absolute;top:30px;left:20px;}
#ebene1 {position:absolute;top:30px;left:80px;}
#ebene2 {position:absolute;top:30px;left:140px;}
#ebene2 {position:absolute;top:300px;left:440px;}
A.rot:link {color:00ccff; text-decoration:underline} /* hover-Farbe */
A.rot:visited {color:00ccff; text-decoration:underline} /* hover-Farbe-visited */
A.schwarz:link {color:#0000ff; text-decoration:none;} /* Link-Farbe */
A.schwarz:visited {color:#9999ff; text-decoration:none;} /* visited-Link-Farbe */
A:link {color:#0000ff; text-decoration:none;}
A:visited {color:#9999ff;}
A:hover {color:00ccff; text-decoration:underline;}
-->
</style>
</head>
<body>
<div id="ebene0">
<a href="file:///E:\HTML-Beispiele\Scroller.htm" onMouseOver="mach_rot(0,'LINK 1',this.href)">LINK 1</a>
</div>
<div id="ebene1">
<a href="seite2.htm" onMouseOver="mach_rot(1,'LINK 2',this.href)">LINK 2</a>
</div>
<div id="ebene2">
<a href="hallo.html" onMouseOver="mach_rot(2,'Hallo', this.href)">Hallo</a>
</div>
</body>
</html>
Ich waere dankbar, wenn ihr mir geantwortet haettet.
Immer eurer, Ilia