jQuery für Designer

Achtung: Dieser Beitrag ist schon etwas älter.
Es kann sein, dass sein Inhalt nicht mehr aktuell ist, Links veraltet sind oder dass auch niemand mehr auf neue Kommentare antwortet.

Mit dem JavaScript-Framework jQuery lassen sich viele interessante (Ajax-)Effekte realisieren. Und damit diese Welt nicht nur den Programmierern vorbehalten ist, gibt es auf Webdesignerwall ein Tutorial mit 10 einfachen aber effektiven jQuery-Effekten.

Folgende Effekte werden vorgestellt:

• Div Slide-in/Slide-out (Beispiel)
• Ausblenden eines Divs (Beispiel)
• Übergangseffekte (Beispiel)
• Accordion (ausklappbare Divs; wie auf dieser Website im Einsatz) (Beispiel)
• Hovereffekt (Beispiel)
• komplettes Div als Klickbereich (Beispiel)
• Einklappende Panels (Beispiel)
• WordPress Kommentarverwaltung imitieren (Beispiel)
• Bildergalerie (Beispiel)
• Links nach Typ formatieren (z.B. PDF-Dateien mit dem PDF-Symbol anzeigen) (Beispiel)

Wem das noch nicht genug Tutorials sind, kann auch noch bei dem Weblog »jQuery for Designers« vorbeischauen. Hier werden regelmäßig Tutorials zu praktischen Anwendungsbeispielen von jQuery veröffentlicht. Zudem können neue Workshops vorgeschlagen werden.

Abonniere den RSS-Feed für weitere Webdesign Tutorials und Artikel.

Bisher 2 Kommentare

Matrix 02 Jun 09

Hi
ich habe den Div Slide-in/Slide-out bei mir eingebaut funzt super aldings schiebt sich die seite nach unten kan man das so machen das es über die seite sleidet und ales so bleibt wie ist …

Christian Beier 02 Jun 09

Bitte schreibe dein Problem in den Kommentar-Bereich des verlinkten Artikels. Ich kann hier leider keinen individuellen Support anbieten für Dinge, die ich nicht selber gebastelt habe.

Schreibe einen Kommentar