Viele CSS (Cascading Style Sheets) Menüs sehen relativ gleich aus. Beim „Mouseover“ wird die Schrift fett oder der Hintergrund bekommt ne andere Farbe. Was etwas komplexere Animationen angeht, siehts mit CSS eher mau aus.

Anders verhält es sich mit reinen Javascriptmenüs – sehr beweglich, aber schwer zugänglich. Besser ist, ein Standard CSS Menü mit etwas Javascript aufzufrischen. Bestens geeignet ist hier das jquery Framework.

jquery Css Menu

jquery Css Menu

Ein paar kleine Beispiele findet man unter:

http://snook.ca/technical/jquery-bg/

Einfach schlank und super so ein jquery CSS Menü.

edit: http://snook.ca/archives/javascript/jquery-bg-image-animations

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • Y!GG
  • Oneview
  • MisterWong
  • Reddit
  • Webnews
  • seekXL
  • Folkd
  • Digg
  • del.icio.us
  • Newsrider
  • Colivia
  • Linkarena
  • Technorati
  • Wikio DE
  • SEOigg
  • blogmarks
  • Blogosphere News
  • Blogsvine
  • Facebook
  • Google Bookmarks
  • Webbrille
Die kleinen Icons verlinken verschiedene Social Bookmarking Dienste. Über einen Eintrag würden wir uns sehr freuen. Unter http://schraegschrift.de/feed/ findet man den kompletten Newsfeed. Die Reaktionen auf diesen speziellen Eintrag können Sie mit Hilfe eines weiteren RSS 2.0 Feeds verfolgen. Sie können einen Kommentar hinterlassen, oder sie setzen ein Trackback von Ihrer eigenen Seite.

Lesenswert!

  • Buch: Fortgeschrittene CSS-Techniken

    In Deutschland gibt es inzwischen eine Reihe guter CSS Einsteigerwerke und auch einige Kompendien, die das Thema CSS umfangreicher behandeln. Ein mit Transcending CSS vergleichbares Buch von ...

  • Nokia und Microsoft integrieren jQuery

    Sowohl Nokia als auch Microsoft integrieren jQuery in Ihre offiziellen Entwicklertools. Bei Microsoft wird jQuery ein Teil des Visual Studio. Laut den Angaben auf der jQuery Seite möchte Nokia ...

  • jQuery: Löschen von Formularwerten bei Fokus dank Javascript

    Um ein Formularelement mit einer Beschriftung zu versehen, existiert der<label> Tag. Anders als bei der Verwendung von "normalem" Text besteht hier, dank des for-Attributs, ein direkter ...

  • Der Internet Explorer 9 und seine Fischfreunde

    Alles neu macht der ... April. Es ist soweit. Windows 7 hat mir den Internet Explorer 9 angeboten. Eigentlich nicht unbedingt einen Post wert? Stimmt, aber in diesem Zusammenhang ist mir erstmalig ...

  • Prototype aus Wordpress entfernen

    Wordpress lädt bei jedem Seitenaufruf die Javascript Bibliothek Protoype. Ganze 136 Kilobyte die nur für die Nutzung einiger Plugins sinnvoll sind. Je nach der Gestaltung Eurer Seite kann dies ...

  • Browserinhalt mit Javascript editibar machen

    Ab und zu ist es sinnvoll einen Screenshot vom Browserinhalt zu machen, um damit die Verwendung einer Webseite oder eines Formulars oder ähnlichem zu verdeutlichen. Wenn eine Änderung im Screenshot ...

  • Firefox - zwischen zwei Tabs hin und her springen

    Mit STRG + Tab kann man im Firefox gewöhnlicherweise alle Tabs der Reihenfolge nach durchspringen. Die Tastenkombi STRG + Shift + Tab ermöglicht es einen Tab zurück zu springen. Wenn man in seinem ...

  • Mehrzeilige Lesezeichen Symbolleiste für Firefox

    Die Flut der Internetseiten nimmt einfach keinen Abriss. Jeden Tag kommen im Browser dadurch auch neue Lesezeichen hinzu. Besonders praktisch für einen schnellen Zugriff auf bestimmte Seiten ist ...

  • 1.2.3.4 Noscript

    Mein NoScript Firefox Add-on hat mir heute unter anderem gezeigt, dass die Seite 1.2.3.4 geblockt wird. Wie die Bildkomprimierung der UMTS Provider läuft, war mir bisher nicht bekannt. Alle Seiten ...

  • Firefox 3.5

    Er ist da! Der neue Firefox 3.5 kann ab heute runtergeladen und installiert werden. Ein paar Neuigkeiten: schnellere JavaScript-Engine TraceMonkey neue Funktionen aus HTML 5 (u.a. ...

7 Reaktionen zum Beitrag " Jquery CSS Menu "

Kommentare :
  1. Besserwisser
    15:52 am 30. April, 2009

    Bitte was hat Java damit zu tun? Das ist Javascript =)

    Die sind sowas von unterschiedlich, dass man sie eigentlich nicht verwechseln kann, außer halt an den Namen^^

    MFG

  2. schreibstift
    18:48 am 30. April, 2009

    Hallo Besserwisser,

    danke für den Hinweis. Hab’s mal angepasst.

  3. Besserwisser
    13:51 am 1. Mai, 2009

    Ja, kein Problem, bist ja nicht der erste oder einzige dem das passiert ist.

  4. Max
    10:40 am 27. März, 2010

    Hi!

    Wie komme ich an den Code dieser 3D-TagWolke (oben – cool) – also die als Menue fungiert?

    Grüße von Max

  5. schreibstift
    11:21 am 6. April, 2010
  6. aeiou
    11:48 am 20. Juni, 2010

    Ok, ich hab verstanden. Sie sehen schlank und super aus, aber wo finde ich die Dateien, damit ich selber so eins habe?

  7. schreibstift
    13:57 am 20. Juni, 2010

    Mann, mann … als ich den Artikel geschrieben habe war ich wohl nicht ganz da
    http://snook.ca/archives/javascript/jquery-bg-image-animations

Eine Antwort hinterlassen

Name (*)
Mail (wird nicht veröffentlicht) (*)
Webseite
Kommentar