Überblenden

Startseite

Die Aufgabe wäre nun also, dass das Inhaltsverzeichnis auf der linken Seite beim Anklicken eines Links wegfährt und bei Betreten der neuen Seite wieder herein zu fahren kommt.

Diese paar Seiten geben dazu ein paar Lösungen und Anregungen.

Das Menü zeigt drei mögliche Lösungen, die mit "Variante 1" bis "Variante 3" angeschrieben sind. Probier sie aus!

Sieh Dir den Quellcode an, wie das Ganze realisiert wurde. Es ist ein Zusammenspiel zwischen dem Stylesheet ueberbl.css, dem HTML-Code, der die Links zwischen <div id="vrz"> und </div> stellt, sowie der Javascript-Datei ueberblenden.js, die die nötige Dynamik liefert.

Stylesheet und JavaScript kannst du hier herunterladen.