MooF
Gebruiker
- Lid geworden
- 29 dec 2009
- Berichten
- 63
Hallo lezer,
Ik heb een vraagje mbt mijn drop down menu.
Zoals je hier kunt zien: www.moofx.nl/demo/ werkt het niet soepeltjes.
Zou iemand er naar kunnen kijken?
Alvast bedankt!
Ik heb een vraagje mbt mijn drop down menu.
Zoals je hier kunt zien: www.moofx.nl/demo/ werkt het niet soepeltjes.
Zou iemand er naar kunnen kijken?
PHP:
<html>
<head>
<style type="text/css">
/* Dropdown-Menu Layout */
#sddm
{ margin: 0;
padding: 0;
z-index: 30}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 14px arial}
#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 140px;
background: ##CC0000;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background: #DD0000}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: ##CC0000;
border: 0px solid #5970B2}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 139px;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: ##CC0000;
color: #FFF;
font: 14px arial}
#sddm div a:hover
{ background: #DD0000;
color: #FFF}
</style>
<title>Untitled Document</title>
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<script type="text/javascript">
// Copyright 2006-2007 javascript-array.com
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
</script>
</head>
<body alink="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF">
<table bgcolor="#CC0000" width="800" align="center">
<tr>
<td height="110" align="center">
<font color="#FFFFFF" size="+6">Demo</font>
</td>
</tr>
<tr>
<td align="center" height="100%">
<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Category</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">Linkje</a>
<a href="#">Linkje</a>
<a href="#">Linkje</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Category</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">Linkje</a>
<a href="#">Linkje</a>
<a href="#">Linkje</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m3')"
onmouseout="mclosetime()">Category</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">Linkje</a>
<a href="#">Linkje</a>
<a href="#">Linkje</a>
</div>
</li>
</ul></td>
</tr>
</table>
</body>
</html>Alvast bedankt!
