2009 15 Jan

10 DropDown-Menüs mit JavaScript

Gott sei Dank sind die Zeiten vorbei, wo man das Rad immer wieder neu erfinden musste. Hoffe ich zumindest ;-) Ihr wisst ja, dass ich ein Fan von ProtoType/Scriptaculous bin. Heute zeige ich euch ein paar Möglichkeiten DropDown-Menüs damit zu realisieren, oder besser was andere realisiert haben.

  1. Sven Wappler
    Einfaches DropDown-Menü mit zwei Ebenen in der Version 0.5
    Das Skirpt ist frei für alle Anwendungen und funktioniert mit IE 7, FF 2 und Opera 9.2
  2. Matt Garrett
    Ein vertikales Menü in DIV-Tags integriert. Ist ein wenig gewöhnungsbedürftig.
  3. Knallgrau
    Ein DropDown-Menü mit eier unsortierten Liste.
  4. TwinHelix
    Ein vertikal nach horizontal expandierendes DropDown Menü. Da es über css sehr einfach anpasspar ist und auch mehrere Ebene unterstützt ist es sehr praktikabel,
  5. Matlin
    Dieses Menü nutzt die Möglichkeiten von Scriptaculous (besonders Appear und Fade), zeigt aber nur eine Ebene an.
  6. MakeSites
    Bietet eine 1-Ebene-Menü für Prototype als eigene Klasse an. Durch diese Erweiterung von Prototype ist es relativ einfach möglich eine ul-Liste in ein DropDown-Menü zuverwandeln.
  7. Andrew Sellick
    Das Fancy-Sliding-Menue bietet eine etwas andere Herangehensweise an die Menüdarstellung. Ist aber einmal eine ander, innovative Menüführung.
  8. roScripts
    Ein Multilevel-Menü mit Icons. Es ist sehr einfach im Interface gestaltet und gibt ein Desktop-Look-&-Feel. Am Ende des Artikels findet sich – ganz versteckt – ein Link zur Demo Seite.
  9. DynamicDrive
    Ein einfaches aber stylisches DropDown-Menü. Das Menü ist auch für den IE8 geeignet und durch Austausch von 2 Bildern im css leicht anpasspar.
  10. IzzyMenu
    Wem das alles zu mühsam ist kann mit dem MenuBuilder von IzzyMenu sein eigenes css/DHTML-Menü zusammenstellen. Das beeindruckende Web-2.0 Interface ermöglicht es innerhalb kürzester Zeit fertige Menüs zu erhalten.

ähnliche Posts:

Dieser Eintrag wurde

Der Artikel hat Dir geholfen?

Kaffeetasse
Warum spendierst Du mir nicht einen Kaffee?
 

Sei aktiv, kommentiere diesen Artikel!

 





XHTML - Du kannst diese Tags benutzen:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

an den Anfang