hjælp til javascript menu
Hej eksperter jeg har "lavet" følgende menu ud fra et blad.Men jeg vil gerne kunne gøre sådan så det er lige meget hvor knappen man skal holde over for at få vist menuen er. Håber i forstår mig her er koden...
<html>
<head>
<!-- Minus AutoDato -->
<title>En avanceret menu..</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<STYLE>
#wintop,#mactop,#linuxtop,#diversetop,#win,#mac,#linux,#diverse{border:10px;
background-color:#FFDFDF;border:1px solid #FFDFDF;
font:normal 12px Verdane;line-height:16px;padding:5px;position:absolute;}
#wintop{left:20px;width:120px;top:50px}
#mactop{left:140px;width:120px;top:50px}
#linuxtop{left:260px;width:120px;top:50px}
#diversetop{left:380px;width:120px;top:50px}
#win {left:20px;
width:120px;top:78;visibility:hidden;}
#mac {left:140px;
width:120px;top:78;visibility:hidden;}
#linux {left:260px;
width:120px;top:78;visibility:hidden;}
#diverse {left:380px;
width:120px;top:78;visibility:hidden;}
</STYLE>
<script LANGUAGE = "JAVASCRIPT">
function vis(id) {
id.style.visibility = 'visible'; }
function skjul(id) {
id.style.visibility = 'hidden'; }
</SCRIPT>
</head>
<body>
<p><font size="2" face="Verdana">Hvad skulle der være?</font></p>
<BR><BR>Her er sidens egentlig tekst...
<div id="wintop" onMouseover="vis(win)" onMouseout="skjul(win)">Windows</div>
<div id="mactop" onMouseover="vis(mac)" onMouseout="skjul(mac)">Mac</div>
<div id="linuxtop" onMouseover="vis(linux)" onMouseout="skjul(linux)">Linux</div>
<div id="diversetop" onMouseover="vis(diverse)" onMouseout="skjul(diverse)">Diverse</div>
<div id="win" onMouseover="vis(win)" onMouseout="skjul(win)"><a href="1.htm">win1</a><BR><a href="2.htm">win2</a><BR><a href="2.htm">win2</a></div>
<div id="mac" onMouseover="vis(mac)" onMouseout="skjul(mac)"><a href="1.htm">mac1</a><BR><a href="2.htm">mac2</a><BR><a href="2.htm">mac2</a></div>
<div id="linux" onMouseover="vis(linux)" onMouseout="skjul(linux)"><a href="1.htm">linux1</a><BR><a href="2.htm">linux2</a><BR><a href="2.htm">linux2</a></div>
<div id="diverse" onMouseover="vis(diverse)" onMouseout="skjul(diverse)"><a href="1.htm">diverse1</a><BR><a href="2.htm">diverse2</a><BR><a href="2.htm">diverse2</a></div>
<SCRIPT LANGUAGE="JAVASCRIPT">
skjul(win);
skjul(mac);
skjul(linux);
skjul(diverse);
</SCRIPT>
</body>
</html>
