JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide)

WP Greet Box icon
Hallo! neu hier? Dann abboniere doch den RSS feed, um immer auf dem aktuellsten Stand bleibst.

Vor einiger Zeit habe ich ja schon die besten Bildergalerie-Plugins und die besten Modal-Plugins für JQuery vorgestellt und nun soll eine Auflistung der besten Content-Plugins folgen.

Die Liste enthält eine Übersicht über Slider-Plugins, Accordion-Plugins und Scroll-Plugins für das Javascript-Framework JQuery.

JQuery UI

JQuery UI Accordion

JQuery UI Accordion

Size: 120 KB (JQuery UI Core + Accordion + Theme)
License: MIT/GPL
Homepage: http://jqueryui.com/
Demo: http://jqueryui.com/demos/accordion/

jQuery Tools

jQuery Tools

jQuery Tools

Size: 6 KB
License: MIT/GPL
Homepage: http://flowplayer.org/tools/index.html
Demo: http://flowplayer.org/tools/scrollable.html

Bassistance Accordion (JQuery UI Standalone)

Bassistance Accordion

Bassistance Accordion

Size: 3,7 KB
License: MIT/GPL
Homepage: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Demo: http://jquery.bassistance.de/accordion/demo/

CodaSlider

CodaSlider

CodaSlider

Size: 2 KB
License: -
Homepage: http://www.ndoherty.com/blog/category/coda-slider
Demo: http://www.ndoherty.com/demos/coda-slider/1.1.1/

Sliding Boxes and Caption

Sliding Boxes and Caption

Sliding Boxes and Caption

Size: 1 KB
License: -
Homepage: http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
Demo: http://buildinternet.com/live/boxes/

Fmarcia Accordion-Script

Fmarcia Accordion

Fmarcia Accordion

Size: 1,7 KB
License: -
Homepage / Demo: http://fmarcia.info/jquery/accordion.html

Horizontal Accordion 2.00

Horizontal Accordion

Horizontal Accordion

Size: 4 KB
License: -
Homepage: http://www.portalzine.de/index?/Horizontal_Accordion–print
Demo: http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html

jCarousel

jCarousel

jCarousel

Size: 9 kB
License: MIT/GPL
Homepage: http://sorgalla.com/projects/jcarousel/
Demo: http://sorgalla.com/projects/jcarousel/#Examples

Hover Accordion

Hover Accordion

Hover Accordion

Size: 3 KB
License: -
Homepage / Demo: http://berndmatzner.de/jquery/hoveraccordion/

toggleElements

toggleElements

toggleElements

Size: 2 KB
License: -
Homepage / Demo: http://jquery.andreaseberhard.de/toggleElements/

Moving Boxes

Moving Boxes

Moving Boxes

Size: 4 KB
License: -
Homepage: http://css-tricks.com/downloads/
Demo: http://css-tricks.com/examples/MovingBoxes/

DL Toggle Accordion Script

DL Toggle Accordion

DL Toggle Accordion

Size: < 1 KB
License: -
Homepage / Demo: http://jquery.com/files/demo/dl-done.html

Portlets

Portlets

Portlets

Size: 24 KB
License: -
Homepage: http://sonspring.com/journal/jquery-portlets
Demo: http://host.sonspring.com/portlets/

ScrollTo

scrollTo

scrollTo

Size: 2 KB
License: -
Homepage: http://flesler.blogspot.com/2007/10/jqueryscrollto.html
Demo: http://demos.flesler.com/jquery/scrollTo/

Sliding Login Panel

Sliding Login Panel

Sliding Login Panel

Size: 1 KB
License: CC
Homepage / Demo: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

jScrollPane

jScrollPane

jScrollPane

Size: 22 KB
License: -
Homepage: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
Demo: http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html

Agile Carousel

Agile Carousel

Agile Carousel

Size: 15 KB
License: -
Homepage: http://www.agilecarousel.com/
Demo: http://www.agilecarousel.com/examples/simple_example

s3slider

s3Slider

s3Slider

Size: 2 KB
License: CC 2.5
Homepage: http://www.serie3.info/s3slider/index.php
Demo: http://www.serie3.info/s3slider/demonstration.html

CrossSlide

CrossSlide

CrossSlide

Size: 11 KB
License: GPL
Homepage / Demo: http://www.gruppo4.com/~tobia/cross-slide.shtml

Innerfade

InnerFade

InnerFade

Size: 5 KB
License: -
Homepage / Demo:  http://medienfreunde.com/lab/innerfade/

jScroller

jScroller

jScroller

Size: 2 KB
License: GPL/MIT
Homepage: http://jscroller.markusbordihn.de/
Demo: http://jscroller.markusbordihn.de/example/

Kwicks

Kwicks

Kwicks

Size: 2 KB
License: MIT
Homepage: http://www.jeremymartin.name/projects.php?project=kwicks
Demo: http://www.jeremymartin.name/examples/kwicks.php?example=1

weitere Links:

Easy Toggle with CSS & JQuery

JQuery FadeIn & FadeOut

Create an image rotator with description

You can leave a response, or trackback from your own site.

15 Kommentare to “JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide)”

  1. Webdesign sagt:

    Tolle Sammlung von collen jQuery Beispielen.
    Gruß aus Kassel

  2. [...] nicht einfach. Hier zusammengefasst interessante Links, die ich in dieser Woche gefunden habe: Accordion Slides @font-face – Fonts einbinden per CSS Und der Punktestand vom Bundesliga-Manager-Spiel: Kicker [...]

  3. [...] Eine Übersicht von diversen Slider, Scroll und Accordion Plug-Ins gibt es beim Blogrammierer [...]

  4. Danke für die Zusammenstellung, gefunden genau zum richtigen Zeitpunkt. Kannte bislang nur toggleElements, das zwar SEO-freundlich, bisweilen aber etwas unflexibel ist.

    Gruß aus Berlin,
    Uwe

  5. Dennis S. sagt:

    Danke dir für dein Kommentar :)
    Freut mich, wenn dir die Liste helfen konnte :)

    Gruß,
    Dennis

  6. Blog the web sagt:

    Accordion – Die neue Art des Dropdowns?…

    jQuery Accordion
    Viele kennen sicherlich die sogenannten Dropdown Menüs, doch sind diese nicht schon zu sehr ausgelutscht?
    Ich bin dieser Meinung und deshalb habe ich mich auf die Suche gemacht, um eine Alternative zu finden die dem Dropdown Menü bzw. …

  7. A.Jendrysik sagt:

    Sehr schöne Liste mit jQuery Beispielen. Sind in der Tat sehr schöne Effekte dabei.

    Gruß Aus KS

  8. EOEX sagt:

    Hallo zusammen,

    sind die Beispiele eigentlich kostenlos zu nutzen? Ich mein wenn ich mir eine eigene Seite machen möchte, kann ich die Javascript codes nutzen?

    Viele Grüße
    Erik

  9. Dennis S. sagt:

    Hey Erik,

    die meisten Skripte sind kostenlos und können auch in deiner Webseite verwendet werden.

    Entscheidend hierbei ist, unter welcher Lizenz die Skripte verwendet wurden. Skripte die unter GPL und/oder MIT stehen, kannst du problemlos für deine Webseite verwenden.

    Viele Grüße,
    Dennis

  10. JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide) | BLOGRAMMIERER…

    Kollektion von jQuery Plugins für Content…

  11. Elke Fleing sagt:

    Hi,

    tolle Sammlung, dankeschön!

    Habt ihr mal ausrpobiert, weleche Slider in Sachen Performance der Site am besten abschneiden?

    Ich hatte bis vor kurzem auf meiner Site einen laufen, der aber die Ladezeit ins schier Unendliche gedehnt hat.

    Ich möchte schon wieder einen Slider einsetzen, bin jetzt aber auf der Suche nach einer Kombi schick plus schnell/schlank.

    Viele Grüße

    Elke

  12. Dennis S. sagt:

    Hey Elke,

    freut mich, wenn dir die Liste weiterhelfen konnte :)

    Welches Skript hattest du denn eingebaut?

    Bislang habe ich die einzelnen Skripte noch nicht auf ihre Performance getestet. Tut mir leid…

    Viele Grüße,
    Dennis

  13. Simon sagt:

    Danke für die schöne Zusammenstellung. Hier sind noch ein paar Beispiele inkl. download: http://blog.xparo.com/jQuery-Slider.aspx

Leave a Reply

Twitter Delicious Facebook Digg Stumbleupon Mister Wong Technorati Favorites More