Effekt auf Quelle.de

[GrafiKman]

Hey, hab da mal ne Frage. Wenn man auf der Seite Quelle.de, mit der Maus über die Hauptnavi fährt, öffnet sich ein Flyout menü. Gleichzeitig wird der restliche Teil der Webseite abgedunkelt. Wie wurde das realisiert?

Danke

 

[GeBe]

AW: Effekt auf Quelle.de

Hallo,

nicht ganz mein Gebiet, sollte aber mit der CSS-Eigenschaft opacity (= Deckkraft)
zu machen sein.

 

[MyBad]

AW: Effekt auf Quelle.de

Dafür wurde sicherlich ein JS-Framework wie z. B. Script.Aculo.us mit der Effect-Engine verwendet. Damit ist so etwas recht einfach zu realisieren.

 

[Rakete]

AW: Effekt auf Quelle.de

Wenn du es nicht selbst schreiben möchtest, google mal nach "leightbox" ...
...ist fast genau so wie lightbox, nur das beliebige Inhalte in der Box sein können.

 

[saila]

AW: Effekt auf Quelle.de

Das ganze ist mit jQuery gelöst und sollte auch eigentl. kein Problem darstellen. Im Grunde läuft das recht simple ab. Ist die Maus innerhalb der Box des Menü, lege über den Content ein div welches absolut positioniert ist.

Infos über Mauseffekte oder jQuery ansich: jQuery: The Write Less, Do More, JavaScript Library. Im Grunde ist das eigentl. (fällt mir eben mal so auf) eine der wenigen Seiten, welche das Menü im Augenblick der Nutzung auch in den Vordergrund rücken und den Seiteninhalt ausblendet. Super gelöst!