ich nutze auf meiner Site folgendes "show/hide"-Menü:
http://woork.blogspot.com/2009/09/how-t ... level.html
Demo siehe:
http://antonio.lupetti.googlepages.com/navbar.html
Was mir etwas negativ auffällt ist, dass das Menü (show der Untermenüs) erst funktioniert, wenn die Seite vollständig geladen ist; angezeigt wird alles direkt, auch hover-farbe der Hauptpunkte ändert sich, nur das Einblenden (show ... wohl aus der jquery-Datei) funktioniert erst, wenn die Seite vollständig geladen ist.
Hier mal auszugsweise mein Quelltext:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
... head-Inhalte ...
</head>
<body>
<div id="header">
<script type="text/javascript" src="/menue/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function navi(){
$('div#navi ul li').mouseover(function() {
$(this).find('ul:first').show();
});
$('div#navi ul li').mouseleave(function() {
$('div#navi ul li ul').hide();
});
$('div#navi ul li ul').mouseleave(function() {
$('div#navi ul li ul').hide();;
});
};
$(document).ready(function() {
navi();
});
</script>
<div id="navi"> ... Menüpunkte als <ul><li> ... </div>
</div>
<div id="content"> ... </div>
<div id="footer"> ... </div>
</body>
</html>
Warum "funktioniert" das Menü erst nachdem die Seite vollständig geladen ist? ... ich dachte immer JS wird auch geladen / ausgeführt OHNE dass dafür die Seite fertig geladen sein muss.
Was kann ich ändern, damit das Menü direkt "funktioniert", ohne dass die Seite erst volständig geladen sein muss?
DANKE!
