dropdown
Jeg har bikset en dropdown menu sammen, men jeg har det problem - den vil ikke gå væk når jeg fjerner musen.Kan I hjælpe mig?? Jeg har prøvet lidt af hvert, men har slettet mine forsøg fra koden!!
<html>
<head>
<script language="JavaScript">
var v;
function show_menu(x){
y = document.all
if (x == 1){y.men1.style.visibility = "visible"}
else if (x == 2){y.men2.style.visibility = "visible"}
else if (x == 3){y.men3.style.visibility = "visible"}
else {return}}
function close_menu(u){
t = document.all
if (u == 1){t.men2.style.visibility = "hidden"; t.men3.style.visibility = "hidden"}
if (u == 2){t.men1.style.visibility = "hidden"; t.men3.style.visibility = "hidden"}
if (u == 3){t.men2.style.visibility = "hidden"; t.men1.style.visibility = "hidden"}}
function close_menu2(r){
p = document.all
if (r == 1){t.men2.style.visibility = "hidden"; t.men3.style.visibility = "hidden"}
if (r == 2){t.men1.style.visibility = "hidden"; t.men3.style.visibility = "hidden"}
if (r == 3){t.men2.style.visibility = "hidden"; t.men1.style.visibility = "hidden"}}
</script>
<style type="text/css">
div { font-family:verdana; font-size:12px; font-weight:bold; }
div a:link { color:#000000; text-decoration:none; }
div a:hover { color:#ff0000; text-decoration:underline; }
div a:active { color:#3333cc; text-decoration:none; }
div a:visited { color:#999999; text-decoration:none;}
</style>
</head>
<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<!-- Menubar starts -->
<a href="java script:void(0)" onmouseover="show_menu(1), close_menu(1)">Menu 1</a>
<a href="java script:void(0)" onmouseover="show_menu(2), close_menu(2)">Menu 2</a>
<a href="java script:void(0)" onmouseover="show_menu(3), close_menu(3)">Menu 3</a>
<!-- Menubar ends -->
<!-- Menus starts -->
<div id="men1" style="position:absolute; left:0px; top:20px; visibility:hidden;">
<a href="link1_1.html">menu1_1</a><br>
<a href="link1_2.html">menu1_2</a><br>
<a href="link1_3.html">menu1_3</a><br>
</div>
<div id="men2" style="position:absolute; left:59px; top:20px; visibility:hidden;">
<a href="link2_1.html">menu2_1</a><br>
<a href="link2_2.html">menu2_2</a><br>
<a href="link2_4.html">menu2_4</a><br>
<a href="link2_5.html">menu2_5</a><br>
</div>
<div id="men3" style="position:absolute; left:118px; top:20px; visibility:hidden;">
<a href="link3_1.html">menu3_1</a><br>
<a href="link3_2.html">menu3_2</a><br>
</div>
<!-- Menus end -->
<br><br><br><br><br><br><br><br><br><br>
PAGE CONTENT HERE
</body>
</html>
det var så koden. Kan I hjælpe mig??
