jQuery - The easy way to navigate

jSlickmenuEine optimale Nutzerführung durch eine entsprechend nutzerfreundliche Navigation zu erzielen, ist das Ziel nahezu jeder Webseite. Wie man die Besucher einer Webseite mit einer Navigation zur Interaktion bringen kann, sollen die folgenden Beispiele von Navigationen zeigen, deren "Verhalten" auf dem mittlerweile recht bekannten und verbreiteten JavaScript-Framework jQuery beruht. Von der vertikalen und horizontalen Slide-, zur Akkordion - oder Tabnavigation, für nahezu jeden Navigationsansatz dürfte ein entsprechendes Plugin, inklusive einem Tutorial vorhanden sein.

Pufferfish - labs.dragoninteractive.com
Pufferfish

Tab-NavigationTab-Navigation

Sliding Navigation - www.kriesi.at
Sliding Navigation

CSS Dock Menu - www.ndesign-studio.com
CSS Dock Menu

Flyout Menu - iPod-Style - www.filamentgroup.com
Flyout Menu - iPod-Style

(mb)Menu 2.6 (New!) - pupunzi.wordpress.com
(mb)Menu 2.6

jSlickmenu - www.marcofolio.net
jSlickmenu

GarageDoor - www.gayadesign.com
GarageDoor

MenuFader - css-tricks.com
MenuFader

jdMenu - The Hierarchical Menu - jdsharp.us
jdMenu - The Hierarchical Menu

Sitemap Styler - cssglobe.com
Sitemap Styler

Smooth Animated Menu - buildinternet.com
Animated Menu

jBreadCrumb - www.comparenetworks.com
jBreadCrumb

Horizontal Accordion - designreviver.com
Horizontal Accordion with jQuery

Animated Drop Down Menu - xyberneticos.com
Animated Drop Down Menu

Wer auch diesmal weitere interessante jQuery-Anwendungsbeispiele für Navigationen kennt und sie mit anderen teilen möchte, ist hiermit dazu aufgerufen den entsprechenden Link im Kommentarbereich zu kommunizieren.

Ähnliche Artikel zu diesem Thema:
  1. .wired
    30 Jun 2009, 11:54

    Sehr sehr sehr coole Navigationen sind hier dabei. Genau sowas hab ich vor kurzem gesucht =) aber der Artikel kommt immernoch rechtzeitig, um mich zu inspirieren, vielen Dank!


  2. Marc 01 Jul 2009, 08:18

    Nette Sammlung! Mein Favorit wäre "Sliding Navigation"


  3. Paul
    04 Jul 2009, 22:26

    Auch ich finde die Sliding Navigation am gelungensten.


  4. Benni 07 Jul 2009, 09:52

    Danke für die Liste!


  5. Art2code
    09 Jul 2009, 12:07

    Nice collection! thx


  6. Monc. 29 Sep 2011, 09:45

    Genau sowas hab ich vor kurzem gesucht =) aber der Artikel kommt immernoch rechtzeitig, um mich zu inspirieren, vielen Dank!


Artikel kommentieren





HTML ist erlaubt und ausdrücklich erwünscht, wobei folgende Tags eingesetzt werden können: <a href="" title=""></a> <b></b> <cite></cite> <code></code> <em></em> <strong></strong>


authimage