Dropdown-Menü 30+ Nützliche Skripte zur Verbesserung der Kopfzeilennavigation
Dropdown-Menü (auch als Pulldown-Menü bezeichnet) ist in den meisten Webdesigns unverzichtbar. Es spielt eine wichtige Rolle bei der Erstellung einer effektiven und benutzerfreundlichen Website. Es ist eine gute Lösung, um lange Menüs zu beschneiden, die den Bildschirmbereich überfordern, sodass sie in einem mehr organisierten Kategorie-Unterkategoriemuster angezeigt werden.
In diesem Artikel möchten wir Ihnen einige davon zeigen beste Dropdown-Menüskripte wir kommen zu wissen Dieses Dropdown-Menü variiert von CSS nur, CSS & Javascripts und ein Menü, das mit Ihrer aktuellen Javascript-Bibliothek funktionieren kann jQuery, MooTools und Prototyp. Vollständige Liste nach dem Sprung.
Hier finden Sie einige verwandte Artikel, von denen Sie wissen, dass Sie daran interessiert sein könnten:
- HTML-Tabellen erstellen
- Starter-Kits für Webdesigner
- CSS-Tab-basierte Navigationsskripte
CSS (nur)
Wenn Sie befürchten, dass Javascript im Browser des Clients deaktiviert ist, werden Sie mit diesem Dropdown-Menü nur für Css-Server nicht versagen.
CSS-Dropdown-Menü-Framework. Titel sagt alles Es ist ein Rahmen, der unter der GNU General Public License veröffentlicht wurde. Browser-kompatibel, leicht und einfach umwandelbar, um eine Vielzahl vorhandener Dropdown-Menüs imitieren zu können. Zum Beispiel Flickr, Adobe und MTV.com.
Das ultimative CSS-Dropdown-Menü
CSS Express Dropdown-Menüs. Hilfe beim Erstellen eines schnellen (Express-) CSS-Dropdown-Menüs ohne einige Einschränkungen, die in anderen "reinen" CSS-Menüs zu finden sind.
CSS + Javascripts
Mit Hilfe von Javascript sind Dropdown-Menüs interaktiver oder sie erhalten zumindest subtile Animationen, die das Benutzererlebnis verbessern. CSS auf der anderen Seite, stellen Sie sicher, dass das Erscheinungsbild leicht anpassbar ist.
Navigationsmenü Alle Ebenen (v2.2). Auf CSS / HTML-Listen basierendes Menü mit Unterstützung für unendlich viele Untermenüs. Es ist leicht und einfach zu implementieren.
Dropdown-Registerkarten (5 Stile). Dropdown-Registerkarten ist ein horizontales CSS-Registerkartenmenü, das ein Dropdown-Menü der zweiten Ebene für jede der Registerkarten unterstützt. Kommt in 5 verschiedenen Ausführungen.
Chrome-CSS-Dropdown-Menü. Chrome Menu ist ein Hybrid-Dropdown-Menü für CSS und JavaScript. Es ist einfach zu konfigurieren und suchmaschinenfreundlich. Die Hauptmenüleiste besteht aus einer CSS-Liste, während die Dropdown-Menüs lediglich normale DIV-Tags auf der Seite sind.
jQuerys
Wenn Sie die jQuery-Javascript-Bibliothek auf Ihrer Website implementiert haben, finden Sie hier einige wirklich coole jQuery-basierte Dropdown-Menüs, die Sie kennen sollten.
Glattes Navigationsmenü . Smooth Navigation Menu ist ein mehrstufiges, auf CSS-Listen basierendes Menü mit jQuery, das die Navigation der Websites zu einer reibungslosen Angelegenheit macht. Hier ist ein weiteres ähnliches - jQuery Multi Level CSS Menu.
Superfish. Superfish ist ein erweitertes jQuery-Plugin im Suckerfish-Stil-Menü, das ein vorhandenes reines CSS-Dropdown-Menü verwendet (damit es ohne JavaScript elegant abbaut). [Demo | Herunterladen]
Mega Dropdown-Menü. Ein Dropdown-Menü, das mehr als nur eine neue Linklinie enthält. Es macht auch Gruppenverbindungen und macht nagivation viel einfacher! [Demo]
MooTools
JavaScript-Dropdown-Menü mit Mootools. Einfache und unauffällige Möglichkeit zum Erstellen eines Dropdown-Menüs mit Mootools 1.2. [Demo | Herunterladen]
UvumiTools Dropdown-Menü. Einfaches, mehrstufiges Menü, das aus einer HTML-Unorderd-Liste mit Mootools Javascript Framework erstellt wurde.
Unaufdringliches Mootool Drop Down Menü
Nachahmer
Entwerfen des Digg-Headers. Schritt für Schritt Anleitung zum Erstellen eines Dropdown-Menüs, das wirklich wie Diggs aussieht. [Demo | Herunterladen]
Sonstiges.
izzyMenu. Erstellen Sie professionell aussehende CSS-Menüs für Ihre Website online, ohne eine einzige Codezeile zu schreiben oder verwenden Sie einfach einige der vorgefertigten.
PureCSS-Menü. Kostenloser CSS Drop Down Menü Generator
