Inhalt

Einleitung Voraussetzungen Pop Up, Pop down Flatter, flatter Vorhang auf! Aufgabenstellung Vorbereitung Seite Bilder Anordnung Marilyn divs verschachteln positionieren relativ Vorhang zu Action! Hallo ... später Hallo ein Spalt Variable auf geht's! abschneiden schööön! weiteres heiteres Klappe zu!

---

Service

Kontakt & Feedback

CSS Anwendung

Vorhang auf!

Aufgabenstellung

Lass uns zuerst einmal den Überblick kriegen, was das Beispiel soll und tut.

• Es zeigt eine Startseite an.
• Berührt man den Willkommensschriftzug mit der Maus, so öffnet sich der Vorhang und man befindet sich in der Site.
• Die Seite soll auch ohne JavaScript funktionsfähig sein.

In unserem Fall haben wir noch ein paar Besonderheiten einfliessen lassen:

• Der Vorhang ist aus Tüll: man sieht hindurch.
• Eilige Besucher klicken auf "Willkommen" und brauchen nicht zu warten, bis der Vorhang offen ist.
• Marilyn ist ebenfalls ein Link - wer sie anklickt kommt auch sofort weiter.