Flyout Balken mit überblend Funktion

[Icon3]

Hallo an Alle im Forum ich hoffe ihr könnt mir helfen,

mein problem ist folgendes :
ich bin gerade mitten in der entwicklung eines Layouts, ich habe mir nun eine passende Navigation einfallen lassen, die sich in der Umsetzung für mich als schwierig erwiesen hat.
Die Navigation ist 70px hoch und aufgrund des LLo's 80% breit, die soll auf der Linken seiten einen kleinen balken beinhalten der ebenfalls 70px hoch aber nur eine maximal breite von 200-300px hat, rechts daneben befinden sich buttons zu Facebook, Twitter etc.
Dieser Balken soll nun bei klick nach rechts "ausfliegen" und die Buttons überdecken.

Wie ist es möglich das umsetzen am besten per html u. dreamweaver ?

Danke im vorraus für Lösungen und Antworten :)

LG Icon3

 

[struppi]

Das ist nicht möglich mit HTML und DW, dazu brauchst du Javascript

 

[Icon3]

Könnte mir dann Jemand sagen wie ein entsprechender Java Code aussieht ?

 

[threadi]

Java wird dir da nicht helfen, aber JavaScript. Habe dein Topic in den entsprechenden Forenbereich geschoben. Was Du suchst wäre mit dem JavaScript-FramworkjQuery und der darin enthaltenen Funktion animate() möglich. Beispiele gibt es auf der verlinkten Seite. Du müsstest hierfür eigentlich nur über die animate()-Funktion eine Style-Eigenschaft so ändern, dass das Element wie Du willst verschoben wird.