Und zwar habe ich den Code von folgendem Menü gefunden:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Vertical</title>
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
#menu, #menu ul
{
padding: 0px;
margin: 0px;
}
#menu li
{
border: 1px solid #fff;
list-style-type: none;
font-weight: bold;
cursor: pointer;
display: block;
}
#menu a
{
text-decoration: none;
font-weight: normal;
padding-left: 10px;
display: block;
}
//-->
</style>
<script type="text/javascript">
<!--
function hideSub()
{
if (!document.getElementsByTagName)
return;
var mnu = document.getElementById('menu');
var toplis = mnu.getElementsByTagName('li');
for (var it = 0; it < toplis.length; it++)
{
var sublis = toplis[it].getElementsByTagName('li');
for (var is = 0; is < sublis.length; is++)
if (sublis[is].style)
sublis[is].style.display = (toplis[it].className == 'show') ? 'block' : 'none';
}
}
function mShow(Me)
{
if (!Me.getElementsByTagName)
return;
var mylis = Me.getElementsByTagName('li');
if (!mylis)
return;
for (j = 0; j < mylis.length; j++)
mylis[j].style.display = (mylis[j].style.display == 'block') ? 'none' : 'block';
}
//-->
</script>
</head>
<body onload="hideSub();">
<ul id="menu">
<li class="show" onclick="mShow(this);">Options 1
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
</ul>
</li>
<li onclick="mShow(this);">Options 2
<ul>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 2</a></li>
</ul>
</li>
<li onclick="mShow(this);">Options 3
<ul>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</li>
<li onclick="mShow(this);">Options 4
<ul>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
</ul>
</body>
</html>
Ich suche solch ein Menü blos es soll vertikal sein! D.h.:
Es soll nicht
Menü1 Menü2 Menü3
sein sondern:
Menü1
Menü2
Menü3
der "Linkkasten"soll dann daneben erscheinen! Bei google finde ich nur sowas oder was was garnicht meinen VOrstellungen entspricht!
