Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion
FAQS zu HP&Co.
Aufklapptexte - Klick auf Text/Link zeigt weitere Texte / Spoiler- und Akkordeon-Effekte (mit oder ohne Javascript in CSS3)

A) Javascript > Spoiler-Effekt


Der Effekt wird in Foren oft "Spoiler" genannt, siehe auch Google >> javascript spoiler

1) http://www.qxm.de/webdesign/20031201-090246 (einfaches auf- und zuklappen)

2) http://demos.mootools.net/Fx.Slide (auf- und zuklappen, auch Slide-Effekt - vertikal/horizontal)

Hinweis von "kuckoobrain": MooTools ist ein JavaScript-Framework, d.h. die MooTools Scripte im Head-Bereich der Seite einbinden. Dann kannst man die Funktionen des Frameworks nutzen.

B) Javascript > Akkordeon-Effekt

Hier gibt es viele verschiedene Arten zu bewundern


C) CSS3
(ohne Javascript)

Es gibt auch eine Möglichkeit mit CSS3 (Hinweis von humanity)

http://webstandard.kulando.de/post/2010/03/05/css3-transition-tutorial-menu-mit-slide-effekt-im-apple-style

Anmerkung: Getestet mit Firefox 3.6 (Rundungen sichtbar) und Opera 10.x (hier keine Rundungen) - da geht es.

Anleitung (C) 2009, 2010 Daniel Wurst - http://www.homepage-faqs.de