Navigation Pop-Down Menü

Hallo!

Da bin ich nochmal. Ich suche ein JS für ein Navigations-Pop-Down Menü (heißt das so?!). Über Google und mir schon bekannte Seiten habe ich ein paar Skripts gefunden, allerdings haben die bei mir weder im IE noch im FF 1.5 gefunzt, JS natürlich aktiviert.

Damit allen klar ist was ich suche: http://de.asus.com/, so wie das Menü oben mit 'Produkte Awards Support ...'. Also wenn man mit der Maus drüber fährt (nicht erst auf Klick) kommt ein Sub-Menü. Animation während des "rausfahrens" brauche ich keine, die meisten dieser Animationen unterstützt eh nur der IE. Das Skript sollte auf allen gängien Browser funktionieren (Netscape nicht mehr ^^).

Oder habe ich da nur mit Flash Chancen, dass es wirklich funzt?! Wo wir allerdings wieder beim Thema barrierefrei wären. Jemand der aus welchen Grund auch immer kein Flash hat, hätte dann die Arschkarte gezogen. Also lieber JS, weil da muss jemand mit deaktivierten 1x mehr klicken und nicht ganz auf die Navigation verzichten. Und die, die JS deaktiviert haben sind meistens keine DAUs.

PS: Mir fällt gerade auf, dass bei mir (FF 1.5 und Suse 10.1) das Flash-Banner eine Ebene über dem Navigations-Sub-Menü ist - liegt das an Linux oder FF?
 
Was du suchst ist ein Drop-Down Menü.
Ich habe zwar keinen direkten Link für dich aber schau mal bei http://www.dynamicdrive.com vorbei. Da wirst du fündig. Die Scripte dort sollten auch mit dem meisten Browsern kompatibel sein.
(Zum Beispiel das hier: http://www.dynamicdrive.com/dynamicindex1/dropdowncontrol.htm )
Mit Flash würde ich das nicht unbedingt machen, da du da Probleme bekommst, sobald die Navi normalen HTML Content überlagern soll.
 
Geh' mal links in der Navigation meines aktuellen Web-Projekts auf den Button "Kampfkunst": http://www.talaie-martial-arts.de.vu/
Im Prinzip kannst Du z.B. über document.getElementById(ID_DES_DIVS).style.height einfach die Hoehe verändern um den Effekt zu erzielen. Die Buttons existieren bereits, das DIV hat eine Höhe von 0px, welche durch die Funktion fade_in() einfach inkrementiert wird. Ist zwar kein Drop-Down in dem Sinne, ist aber ähnlich. :)
Code:
// fades buttons in screen
      function fade_in(){
          if (fade < AREA_HEIGHT){
              document.getElementById('navigation_div').style.height=fade+'px';
              fade+=3;
              window.setTimeout('fade_in()', 5);
          } else shine();
      }
Greetz
Hackse
 
Zurück
Oben