Ich habe folgendes Problem:
Ich habe ein Dropdownmenü mittels JS erstellt.
Wenn man als User auf einen Menüpunkt geht, erscheint auch das Untermenü.
Will man jetzt aber mit der Maus auf das Untermenü gehen, verschwindet dieses wieder.
Damit das nicht passiert muss man die Maus sehr schnell auf das Untermenü bewegen, aber wer macht das schon? Wie kann ich machen das, dass Untermenü nicht verschwindet?
Codes:
HTML Code:
HTML-Code:
<html>
<head>
<title>Das Drop-Down Menü</title>
<link rel="stylesheet" type="text/css" href="design.css">
<script type="text/javascript" src="menue.js"></script>
</head>
<body>
<div id="webseite">
<div onmouseover="aufallgemein()" onmouseout="zuallgemein()" id="ddallgemein">
<div id="ddmenue2">
<p><a href="#">Home</a></p>
<p><a href="#">News</a></p>
</div>
</div>
<div id="menuepunkte"> <td><aonmouseover="aufallgemein()"onmouseout="zuallgemein()"id="allgemein"href="#">Allgemein</a></td>
</div>
Javascript
:
Code:
function aufallgemein() {
document.getElementById('ddallgemein').style.display = 'block';
}
function zuallgemein() {
document.getElementById('ddallgemein').style.display = 'none';
}
Wär toll wenn ihr mir helfen könntet.