Navigation Menu made by jQuery - Best of Tutorials

psd zu html | codingpeople - webdesign trifft html

Navigation Menu made by jQuery - Best of TutorialsNicht selten werden Navigationen auf Webseiten von Internet-Nutzern aufgrund ihrer Unscheinbarkeit übersehen. Der Besucher einer Webseite sollte im Idealfall eine Navigation verstanden haben, bevor er diese benutzt hat. Prädestiniert hierfür sind unter anderem horizontal ausgerichtete Navigationen, die bei enstprechender Umsetzung selbst für multilinguale Web-Anwendungen einfach umzusetzen sind. Die folgenden ausgewählten ( auch für jQuery-Einsteiger leicht verständlichen ) Tutorials besitzen durch die Implementierung der JavaScript-Bibliothek jQuery, u.a. die Möglichkeiten den entsprechend ausgewählten Navigationspunkten zusätzlich selbsterklärende Abbildungen oder Untermenüs hinzuzufügen.

Fancy Apple-Style Icon slide out navigation - tympanus.net
Fancy Icon slide out navigation

A different top navigation - net.tutsplus.com
A different top navigation

Sweet AJAX tab navigation - tutorialzine.com
Sweet AJAX tab navigation

Halftone navigation menu - tutorialzine.com
Halftone navigation menu

Dynamic tab navigation - jankoatwarpspeed.com
Dynamic tab navigation

Links zu weiteren interessanten Anwendungsbeispielen für Navigationen basierend auf jQuery, sind wie immer gern gesehen.

Ähnliche Artikel zu diesem Thema:

Modernes Webdesign mit CSS - Das neue CSS3 Buch!

  1. wario
    29 Jan 2010, 21:30

    Hab es selber vor kurzem auf www.locobar.at ausprobiert und bin begeistert. Hab mich jetzt mehr in die Materie eingearbeitet und finde jquery einfach klasse.

    Werd ich jetzt in Zukunft bei allen meinen Projekten umsetzen. Ist sehr leicht zu erlernen und wertet eine Homepage auf.


  2. Ben
    30 Jan 2010, 01:02

    Na dann passts ja, hab heute mal die McDonalds.de Navigation auf jQuery Superfish adaptiert :-) Screencast/Tutorial findet sich hier http://screenr.com/user/bauersart

    Cheers Ben


  3. Appfuchs
    30 Jan 2010, 10:36

    Schöne Liste, die Apple-Style Bar wäre evtl. auch was für meine Seite. Allerdings etwas abgespeckt, im Beispiel ist mir das ein bisschen zu stylisch ;)

    Nen gutes Tutorial für eine einfache jQuery Navigation findet sich auch noch hier:
    http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/


  4. Social Media Manager
    27 Sep 2011, 20:37

    Hallo,

    ich bin auf der Suche nach einem JQUERY Menu mit Bildern, die horizontal angeordnet nebeneinander sind. Bei Mouseover über eines dieser Bilder verschiebt das Bild sich etwas weiter nach links und der Rest vom Bild wird sichtbar.

    Ich habe so was schon gesehen, weiss aber nicht mehr wo. Kann mir da jemande helfen?


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

Modernes Webdesign mit CSS- Das neue Buch!"Modernes Webdesign mit CSS- Das neue Buch!"
Jetzt direkt bestellen!Modernes Webdesign mit CSS- Das neue Buch!


SEO Studium & Weiterbildung

 


Schon abonniert?

Werde Gastautor!

Werde GastautorWerde Gastautor und veröffentliche Fachartikel aus den Bereichen SEO, SEM, Webdesign, Webentwicklung, Usability oder Inspiration und präsentiere dich hier im Blog einer wissbegierigen Leserschaft!

Blog-Partner

Professionelles Logo Design - 99designsHier werben - TKP unter 1EuroProfessionelle SEO Software & SEO Tools - SEOlyticspsd zu html | codingpeopleLink Research Tools - Blicken Sie hinter die Kulissen Ihrer KonkurrenzPublic Domain Bilder kostenlos - pixabay

Webdesign Bilder Galerie

Webdesign Bilder Galerie - Vorschau