Hallo ich bräuchte mal kurz Hilfestellung bei dieser Navigation mit Javascript:
Was muss ich in den OnMouseOut schreiben, damit sich die Navipunkte automatisch schließen??
hier kann mans anschauen: http://www.jaws-online.de/Test%20Navi.html
Was muss ich in den OnMouseOut schreiben, damit sich die Navipunkte automatisch schließen??
hier kann mans anschauen: http://www.jaws-online.de/Test%20Navi.html
<html>
<head>
<title></title>
<meta name="author" content="">
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="" content="" />
<script type="text/javascript">
<!--
window.onload=zeigen;
function zeigen(id) {
for (var i = 1; i<=6; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.displ ay="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block" ;}
}
-->
</script>
</head>
<body >
<ul id="menue">
<li><a href="" onMouseover="javascript:zeigen('submenue1')" onMouseOver="" target="mainfenster"><span style="color:#000000;">Kalender</span></a></li>
<ul id="submenue1" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue2')" onMouseOver="" target="mainfenster"><span style="color:#000000;">Heute</span></a></li>
<ul id="submenue2" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue3')" onMouseOver="" target="mainfenster"><span style="color:#000000">Galerien</span></a>
<ul id="submenue3" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue4')" onMouseOver="" target="mainfenster"><span style="color:#000000">Reviews</span></a>
<ul id="submenue4" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue')" target="mainfenster"><span style="color:#000000;">Kontakt</span></a></li>
<li><a href="" onMouseover="javascript:zeigen('submenue')" target="mainfenster"><span style="color:#000000;">Impressum</span></a></li>
</ul>
</body>
</html>
<head>
<title></title>
<meta name="author" content="">
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="" content="" />
<script type="text/javascript">
<!--
window.onload=zeigen;
function zeigen(id) {
for (var i = 1; i<=6; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.displ ay="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block" ;}
}
-->
</script>
</head>
<body >
<ul id="menue">
<li><a href="" onMouseover="javascript:zeigen('submenue1')" onMouseOver="" target="mainfenster"><span style="color:#000000;">Kalender</span></a></li>
<ul id="submenue1" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue2')" onMouseOver="" target="mainfenster"><span style="color:#000000;">Heute</span></a></li>
<ul id="submenue2" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue3')" onMouseOver="" target="mainfenster"><span style="color:#000000">Galerien</span></a>
<ul id="submenue3" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue4')" onMouseOver="" target="mainfenster"><span style="color:#000000">Reviews</span></a>
<ul id="submenue4" class="submenue">
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:#000000;"></span>Untermenü</a></li>
<li><a href="" target="mainfenster"><span style="color:##000000;"></span>Untermenü</a></li>
</ul>
</li>
<li><a href="" onMouseover="javascript:zeigen('submenue')" target="mainfenster"><span style="color:#000000;">Kontakt</span></a></li>
<li><a href="" onMouseover="javascript:zeigen('submenue')" target="mainfenster"><span style="color:#000000;">Impressum</span></a></li>
</ul>
</body>
</html>
Kommentar