hover bei Netscape ohne Layer-Verwendung
Ilia
- javascript
0 xxx
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
Hi Ilia!
Ich fand's zwar ziemlich dämlich, wie Du Dich in den letzte Tagen hier aufgeführt hast, sorry, mußte ich jetzt mal sagen, sonst ignoriere ich so was einfach, aber ich habe dennoch einen Link für Dich:
http://webreference.com/js/column4/workaround.html