workaround (A:hover) fuer NC
Joachim
- javascript
Hallo,
damit Links im NC beim roll-over nicht immer zu kurz kommen, und auch mal Farbe bekennen duerfen, habe ich mir diesen workaround: http://www.webreference.com/js/column4/workaround.html mal angeschaut und etwas vereinfacht nachgebastelt.
Mein Problem: Mein Nachbau (und das Original) reagieren ziemlich traege, manchmal bleiben die Farben sogar "haengen"
Mit Layer show/hide habe ich das ganze schon fluessiger hinbekommen, allerdings auch aufwendiger, weils doppelt so viele Layer braucht.
Hab ich was uebersehen? Kann man dem Ganzen etwas auf sie Spruenge helfen?
Hier das Script zum Testen:
Gruss Joachim (Wendenburg, jetzt gibt es hier ja mehr Joachims :-)
<HTML><HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -
function mach_rot(a1,a2)
{
document.layers[a1].document.open();
document.layers[a1].document.write("<A CLASS='rot' HREF='#' onMouseOut='mach_schwarz("+a1+",""+a2+"")'>"+a2+"</A>");
document.layers[a1].document.close();
}
function mach_schwarz(b1,b2)
{
document.layers[b1].document.open();
document.layers[b1].document.write( "<A CLASS='schwarz' HREF='#' onMouseOver='mach_rot("+b1+",""+b2+"")'>"+b2+"</A>");
document.layers[b1].document.close();
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE TYPE="text/css">
<!--
#ebene0{position:absolute;top:30px;left:20px;}
#ebene1{position:absolute;top:30px;left:80px;}
A.rot{color:red}
A.schwarz{color:#000000}
A{color:#000000}
A:visited{color:#000000}
-->
</STYLE>
</HEAD>
<body>
<DIV ID="ebene0"><A HREF="#" onmouseover="mach_rot(0,'LINK')">LINK</A></DIV>
<DIV ID="ebene1"><A HREF="#" onmouseover="mach_rot(1,'NEULINK')">NEULINK</A></DIV>
</BODY>
</HTML>