jQuery Dropdown Menüs mit Superfish / Droppy
Superfish
Ein super Dropdown Menüskript ist das Superfish jQuery Plugin von Joel Birch. Das schöne daran ist daß es auch bei deaktiviertem JavaScript funktioniert, also komplett auf CSS basiert.
Zum dynamischen Dropdown Menü Superfish von Joel Birch gibt es von webdemar ein schönes Tutorial.
Möchte man daß nach Auswahl eines Subemnüpunktes das Submenü offen bleibt, hilft diese Anleitung weiter.
Droppy
Ein weiteres Dropdownmenü mit Anleitung ist Droppy, zu finden bei: http://onehackoranother.com/projects/jquery/droppy/ Das gesamte Paket laßt sich bei http://plugins.jquery.com/project/droppy downloaden.
jQuery-Bildergalerie Möglichkeiten
Neben den Slide Animationen gibt es noch weitere Möglichkeiten mit jQuery Bilder darzustellen. Dies beschreibt Matthias Schütz in seinem Artikel “Spacegallery: jQuery-Bildergalerie mit Perspektive”
Eine schöne Beschreibung für einen Image Slider findet man bei CSSGlobe.Com, den EasySlider für Bild oder Text.
Weitere Gallery Scripts:
- Galleriffic
- jQueryPopeye
- 25 jQuery Scripts (Sammlung im Vandelay Design Blog)
- Scrollable
- Aviaslider (schöne Bildübergänge)
- Ajaxschmiede.de
- Galleria
- s3Slider
- EasySlider (für Text & Bild)
- Coda Slider (Text & Bild)
Accordion mit mehreren geöffneten Bereichen
Ein Accordion erlaubt normalerweise nur einen geöffneten Bereich. Möchte man mehrere Bereiche gleichzeitig geöffnet halten, so kann man das mit den folgenden jQuery-Code erreichen:
jQuery(document).ready(function(){
$('.accordion .head').click(function() {
$(this).next().toggle();
return false;
}).next().hide();
});
Oder animiert:
jQuery(document).ready(function(){
$('.accordion .head').click(function() {
$(this).next().toggle('slow');
return false;
}).next().hide();
});