nicht angemeldet
Hallo Frank.
Mit einer Kombination aus Javascript und CSS kann man sowas gut hinbekommen:
<html>
<head>
<style type="text/css">
ul.Menu { display:none; }
</style>
</head>
<body>
<script type="text/javascript">
function setVisible( nr ){
objs = document.getElementsByName( "Menu" );
// Erst alle unsichtbar machen
for( i = 0; i < objs.length; i++ ){
objs[i].style.display = "none";
}
// Das gewünschte sichtbar machen
objs[nr].style.display = "block";
}
</script>
<ul>
<li><a href="#" onMouseOver="setVisible(0);" onClick="return false;">Auto</a>
<ul name="Menu" class="Menu">
<li><a href="" target="">Audi</a></li>
<li><a href="" target="">BMW</a></li>
<li><a href="" target="">Fiat</a></li>
<li><a href="" target="">Mercedes</a></li>
</ul></li>
<li><a href="#" onMouseOver="setVisible(1);">Garten</a>
<ul name="Menu" class="Menu">
<li><a href="" target="">Garten 1</a></li>
<li><a href="" target="">Garten 2</a></li>
<li><a href="" target="">Garten 3</a></li>
<li><a href="" target="">Garten 4</a></li>
</ul></li>
<li><a href="#" onMouseOver="setVisible(2);">Urlaub</a>
<ul name="Menu" class="Menu">
<li><a href="" target="">Urlaub 1</a></li>
<li><a href="" target="">Urlaub 2</a></li>
<li><a href="" target="">Urlaub 3</a></li>
<li><a href="" target="">Urlaub 4</a></li>
</ul></li>
</ul>
</body>
</html>
Das dürfte aber nur mit neueren Browsern funktionieren, die gut Javascript und CSS unterstützen.
Gruß Manuel