Dropdown menuen skal forsvinde!
Hej Eksperter!Følgende kode laver en dropdown menu og det virker også fint, men jeg vil gerne have det sådan at når man flytter musen fra menuen så skal den forsvinde efter et par sekunder, og ikke som nu hvor man er nød til at klikke et eller andet sted på siden.
Er der nogen der kan fixe det?
<html>
<head>
<title></title>
<STYLE>
.menu {
background-color: #000000;
font-family: Tahoma, Arial;
font-size: 10px;
font-weight: plain;
color: #ffffff;
text-align: center;
cursor: hand;
}
a:hover.menu {
background-color: #000000;
font-family: Tahoma, Arial;
font-size: 10px;
font-weight: plain;
color: #A6B98F;
text-align: center;
cursor: hand;
}
.submenu {
position: absolute;
background-color: #000000;
width: 120px;
}
.menu-text {
font-family: Tahoma, Arial;
font-size: 11px;
font-weight: plain;
color: #ffffff;
text-decoration: none;
}
a:hover.menu-text {
font-family: Tahoma, Arial;
font-size: 11px;
font-weight: plain;
color: #A6B98F;
text-decoration: none;
}
</STYLE>
<SCRIPT>
var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sProp) {
var iPos = 0
while (el!=null) {
iPos+=el["offset" + sProp]
el = el.offsetParent
}
return iPos
}
function show(el,m) {
if (m) {
m.style.display='';
m.style.pixelLeft = getPos(el,"Left")
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight
}
if ((m!=cm) && (cm)) cm.style.display='none'
cm=m
}
</SCRIPT>
</head>
<BODY>
<span ID="d1" onmouseover="show(this,ds1);" class="menu">MENU 1</span><span ID="d2" onmouseover="show(this,ds2);" class="menu">MENU 2</span><span ID="d3" onmouseover="show(this,ds3);" class="menu">MENU 3</span>
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<A HREF="http:\\www.siteexperts.com" class="menu-text">Site Experts</A>
<BR>
<A HREF="http:\\www.webtools.com" class="menu-text">Web Tools</A>
<BR>
<A HREF="http:\\www.webdevelopersjournal.com" class="menu-text">Web Developers Journal</A>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<A HREF="http:\\www.xml101.com" class="menu-text">XML 101</A>
<BR>
<A HREF="http:\\www.xmlsoftware.com" class="menu-text">XML Software</A>
<BR>
<A HREF="http:\\www.xml.com" class="menu-text">XML.com</A>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<A HREF="http:\\www.microsoft.com" class="menu-text">Microsoft</A>
<BR>
<A HREF="http:\\www.amazon.com" class="menu-text">Amazon</A>
<BR>
<A HREF="http:\\www.users.globalnet.co.uk/~perry" class="menu-text">JP's DHTML Web Site</A>
</DIV>
</body>
</html>
