Antwort schreiben - Webmaster Forum - Suchmaschinenoptimierung

Anonymous Linux User · Verfasst am: 12 Jul 2008 21:05 Titel: Einfaches Menü mit CSS+HTML+JavaScript

Hi,
Hier mal ein einfaches Menü:
CSS:
.root {
position: relative;
}
.child {
position: absolute;
left:0px; top:20px;
background: white;
border 0.5px dotted black;
border-top-width: 0px;
width:100%;
display:none;
}
JavaScript:
function zeigemirmenu(id)
{
menue = document.getElementById('menu'+id);
if (menue)
{
s.style.display='block';
window.setTimeout('machweg('+z+')',3000);
//nach 3 Sekunden Verschwinden lassen
}
}
function machweg(id)
{
menue = document.getElementById('menu'+id);
if (menue)
{
s.style.display ='none'; //Un' Weg Is' es
}
}
HTML:
<div class="root" onmouseover="zeigmirmenu('1')" onmousemove="zeigmirmenu('1')">
UNIX-Derivate
<div class="child" id="menu1">
<a href="#">Ultrix</a>
<a href="#">AIX</a>
<a href="#">HP-UX</a>
<a href="#">IRIX</a>
<a href="#">Solaris</a>
<a href="#">MacOS X</a>
<a href="#">BSD</a>
<a href="#">Minix</a>
<a href="#">Linux (kein echtes Unix)</a>
</div>
</div>