HOME PAGE - Beispiele, Schiffe versenken-

Path: Home / Home Page / Beispiele / Java-Script
Menue Pulldown:
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>