Path:
Home
/
Home Page
/
Beispiele
/ Java-Script
Menue Pulldown:
Betriebssystem
Windows 95/NT
MacOS
Unix
BeOS
Software
Work
Tools
Spiele
Hardware
PC
Mac
Amiga
UNIX
Quelltext
<HTML> <HEAD> <TITLE></TITLE> <script> <!-- /* Titel: Pull-Down-Menüs Autor: Christoph Bergmann WWW: http://acc.de EMail: cb@acc.de Copyright (c) 1998 Milch & Zucker - C.Bergmann und J.Gamperl. All rights reserved. Alle Rechte vorbehalten. URL: http://dhtml.seite.net Dieser Code darf für nicht-kommerzielle, sowie kommerzielle Zwecke frei genutzt und angepaßt werden, solange dies unentgeltlich erfolgt und dieser Vermerk bestehen bleibt. */ var old; var memold; if(document.layers){ window.captureEvents(Event.MOUSEDOWN); window.onmousedown=do_out; } else{ document.onmousedown=do_out; } function show_layer(x) { if(document.layers) document.layers[x].visibility="show"; else document.all[x].style.visibility="visible"; } function hide_layer(x) { if(document.layers) document.layers[x].visibility="hide"; else document.all[x].style.visibility="hidden"; } function do_menu(x) { if(!old) old=memold; if(old!=x) { show_layer(x); old=x; } else old=""; } function do_check(x) { if(old && old!=x) { hide_layer(old); show_layer(x); old=x; } } function do_out() { if(old) hide_layer(old); memold=old; old=""; } //--> </script> <style> .menu {position: absolute; top:0; z-index: 2;} .submenu {position: absolute; top: 22;z-index: 0; visibility: hide;visibility: hidden;} </style> </HEAD> <BODY> <div id="m1" class="menu" style="margin-left: 105; margin-top:80; z-index: 2"> <table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=1 width=115> <tr><td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Betriebssystem</b></a> </table> </div> <div id="m1x" class="submenu" style="margin-left: 105; margin-top:80; z-index: 0;"> <table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=1 width=115> <tr><td> <a href="">Windows 95/NT</a><br> <a href="">MacOS</a><br> <a href="">Unix</a><br> <a href="">BeOS</a> </table> </div> <div id="m2" class="menu" style="margin-left: 220; margin-top:80;"> <table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=1 width=100> <tr><td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Software</b></a> </table> </div> <div id="m2x" class="submenu" style="margin-left: 220; margin-top:80; z-index: 0;"> <table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=1 width=100> <tr><td> <a href="">Work</a><br> <a href="">Tools</a><br> <a href="">Spiele</a> </table> </div> <div id="m3" class="menu" style="margin-left: 320; margin-top:80;"> <table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=1 width=100> <tr><td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Hardware</b></a> </table> </div> <div id="m3x" class="submenu" style="margin-left: 320; margin-top:80; z-index: 0;"> <table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=1 width=100> <tr><td> <a href="">PC</a><br> <a href="">Mac</a><br> <a href="">Amiga</a><br> <a href="">UNIX</a> </table> </div> </BODY> </HTML>
Webmaster >>
bis0uhr@gmx.at