Javascript  »  Navigationen  »  Layermenu

zur Übersicht

Kategorie	Navigationen
Bezeichnung	Layermenu
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	105589 Aufrufe davon 2x gestern
Dieses Menü läuft mit Netscape (NS4 & NS6), IE und Opera.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language="JavaScript"> function clean () { if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5')) { window.document.b.visibility="hide"; window.document.m1.visibility="hide"; window.document.m2.visibility="hide"; window.document.m3.visibility="hide"; return; } if (navigator.appVersion.charAt (0)<'5') { var layers=document.all.tags ("div"); } else { var layers=document.getElementsByTagName("div"); } layers[0].style.visibility='hidden'; layers[2].style.visibility='hidden'; layers[4].style.visibility='hidden'; layers[6].style.visibility='hidden'; return; } function menu (i) { switch(i) { case 1: { if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5')) { window.document.b.visibility="show"; window.document.m1.visibility="show"; window.document.m2.visibility="hide"; window.document.m3.visibility="hide"; return; } if (navigator.appVersion.charAt (0)<'5') { var layers=document.all.tags ("div"); } else { var layers=document.getElementsByTagName("div"); } layers[0].style.visibility='visible'; layers[2].style.visibility='visible'; layers[4].style.visibility='hidden'; layers[6].style.visibility='hidden'; return; } case 2: { if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5')) { window.document.b.visibility="show"; window.document.m1.visibility="hide"; window.document.m2.visibility="show"; window.document.m3.visibility="hide"; return; } if (navigator.appVersion.charAt (0)<'5') { var layers=document.all.tags ("div"); } else { var layers=document.getElementsByTagName("div"); } layers[0].style.visibility='visible'; layers[2].style.visibility='hidden'; layers[4].style.visibility='visible'; layers[6].style.visibility='hidden'; return; } case 3: { if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5')) { window.document.b.visibility="show"; window.document.m1.visibility="hide"; window.document.m2.visibility="hide"; window.document.m3.visibility="show"; return; } if (navigator.appVersion.charAt (0)<'5') { var layers=document.all.tags ("div"); } else { var layers=document.getElementsByTagName("div"); } layers[0].style.visibility='visible'; layers[2].style.visibility='hidden'; layers[4].style.visibility='hidden'; layers[6].style.visibility='visible'; return; } } } </script> <div id="b" style="position:absolute; left:30; top:30; width:340; height:170; z-index:1; visibility: hidden"> <a href="#" onmouseover="clean()" onmouseout="clean()"> </a> </div> <div id="h1" style="position:absolute; left:50; top:50; width:100; height:25;z-index:2; visibility: visible"> <a href="#" onmouseover="menu(1)">Menu 1</a> </div> <div id="m1" style="position:absolute; left:50; top:75; width:100; height:100; z-index:3; visibility: hidden" > <a href="#">Punkt 1</a><br> <a href="#">Punkt 2</a><br> <a href="#">Punkt 3</a><br> <a href="#">Punkt 4</a> </div> <div id="h2" style="position:absolute; left:150; top:50; width:100; height:25; z-index:4; visibility: visible"> <a href="#" onmouseover="menu(2)">Menu 2</a></div> <div id="m2" style="position:absolute; left:150; top:75; width:100; height:100; z-index:5; visibility: hidden"> <a href="#">Punkt 1</a><br> <a href="#">Punkt 2</a><br> <a href="#">Punkt 3</a><br> <a href="#">Punkt 4</a> </div> <div id="h3" style="position:absolute; left:250; top:50; width:100; height:25; z-index:6"> <a href="#" onmouseover="menu(3)">Menu 3</a> </div> <div id="m3" style="position:absolute; left:250; top:75; width:100; height:100; z-index:7; visibility: hidden"> <a href="#">Punkt 1</a><br> <a href="#">Punkt 2</a><br> <a href="#">Punkt 3</a><br> <a href="#">Punkt 4</a> </div>

Kommentare zu Layermenu

7 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 27.06.2004 um 18:22 Uhr von ernst
Wie kann ich einen weiteren Menüpunkt hinzufügen? Der steht dann zwar da, aber das Unterm... 

am 31.05.2004 um 19:54 Uhr von timo
Hallo ! sortec hat sich verschrieben. Ihr müsst folgendes eingeben : onmouseover="m... 

am 02.02.2004 um 12:54 Uhr von sortec
versucht folgendes: wo ihr das menü aufrufen möchtet, steht ja bekanntlich: onmouseover="... 

am 25.01.2004 um 15:25 Uhr von Julien
mich würde das selbe wie ralf interessieren, wie das menü zurück geht, wenn man mit der Ma... 

am 18.09.2003 um 17:50 Uhr von M1
wie geht des menu wieder zu ich mein nachdem man was anklickte bleibt es bei mir immer off... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen