DEĞİŞİK DROP MENÜ

[Admin]

Kod:

<script LANGUAGE="Javascript">
<!--
/*
   Titel:   Drop-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.
*/

function test(x) {
 if (navigator.appName == 'Microsoft Internet Explorer')
 x.blur();
}
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";
}
var old;
var memold;
var subold;

if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
}
else
{
document.onmouseup=do_out;
}
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;
}
do_submenu();
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
do_submenu();
}
function do_submenu(x)
{
if(subold)
{
hide_layer(subold);
subold="";
}
if(x)
{
show_layer(x);
subold=x;
}
}
function lade(seite) {
parent.pageFrame.location.href = seite;
}
// -->
</script>
<style>

.menu      {position: absolute;top:0;z-index: 2;}
.submenu   {position: absolute;top: 22;z-index: 1;   visibility: hide;visibility: hidden;}

</style>


<!--------------------erstes menü--------------->
<div id="m1" class="menu" style="left:200;top:300;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')" onclick="test(this);"><b>1.Link</b></a></font>
</tr>
</td>
</table>
</div>

<div id="m1x" class="submenu" style="left:200;top:320;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
<a href="#" onmouseover="do_submenu('m11x')"><font color="#FF0000">>></font></a><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame" onmouseover="do_submenu()">A</a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame" onmouseover="do_submenu()">B</a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame" onmouseover="do_submenu()">C</a><font color="black"> ] </font><br>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<div id="m11x" class="submenu" style="left:280;top:320;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> D</a><font color="black"> ] </font>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> E</a><font color="black"> ] </font>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> F</a><font color="black"> ] </font>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> G</a><font color="black"> ] </font>
</tr>
</td>
</table>
</div>

<!---------------------zweites Menü----------------------->
<div id="m2" class="menu" style="left: 340;top:300;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
<a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')" onclick="test(this);"><b>2.Link</b></a></font>
</tr>
</td>
</table>
</div>

<div id="m2x" class="submenu" style="left:340;top:320;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
<a href="#" onmouseover="do_submenu('m21x')"><font color="#FF0000">>></font></a><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame" onmouseover="do_submenu()"> H </a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame" onmouseover="do_submenu()"> I </a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame" onmouseover="do_submenu()"> J </a><font color="black"> ] </font>
</tr>
</td>
</table>
</div>

<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<div id="m21x" class="submenu" style="left:420;top:320;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> K </a><font color="black"> ] </font>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> L </a><font color="black"> ] </font>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> M </a><font color="black"> ] </font>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame"> N </a><font color="black"> ] </font>
</tr>
</td>
</table>
</div>
<!-----------------drittes Menü---------------------->
<div id="m3" class="menu" style="left:480;top:300;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
<a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')" onclick="test(this);"><b>3.Link</b></a></font>
</tr>
</td>
</table>
</div>

<div id="m3x" class="submenu" style="left:480;top:320;">
<table cellspacing=0 cellpadding=2 border=0 width=165>
<tr>
<font face=verdana,arial size=2>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame">E</a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame">F</a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame">G</a><font color="black"> ] </font><br>
<font color="black"> [ </font><a href="ihre.htm" TARGET="frame">H</a><font color="black"> ] </font>
</tr>
</td>
</table>
</div>