Menüleiste verschieben

[replay221]

Hallo,

ich stehe vor einem Problem, dass ich nicht lösen kann!

Ich habe eine Startseite (Home) mit einem Bild und drunter das Menü mit meinen Links (Bild1) drunter folgt dann der Content.
Jetzt klicke ich auf Link1 und es öffnet sich dan ja der link.

Jetzt meine Frage: ist es möglich, dass, wenn ich auf Link1 klicke, dass sich das Menu langsam nach oben verschiebt, dadurch das Bild, was oben drüber ist ausblendet und der content von Link1 dann anzeigt (Bild2)?

 

[miniA4kuser]

Ja das ist möglich. Was hast du denn bis jetzt probiert? Benutzt du ein JavaScript Framework? Welche Programmierkenntnisse besitzt du?

 

[replay221]

Ich habe das Grundgerüßt in HTML fertig - mir fehlt leider, das JavaScript angeht das entsprechende KnowHow, habe auch im Internet nach tutorials gesucht, jedoch nicht fündig geworden

 

[miniA4kuser]

Benutzt du im Moment überhaupt JavaScript auf deiner Seite?
Und wenn ja, benutzt du auch ein JavaScript Framework (Mootools, jQuery, Prototype...)?

 

[replay221]

Diese Scripte sind eingebunden:

jquery-1.6.3.min.js
cufon-yui.js
cufon-replace.js
superfish.js
FF-cash.js
jquery.color.js
tms-0.3.js
tms_presets.js
jquery.easing.1.3.js

 

[kkapsner]

Ja, das ist mit jQuery möglich. Such' doch mal nach "animate jQuery" und "replace content jQuery".

 

[replay221]

Habe ich gemacht, jedoch keine passenden tutorials gefunden :-(

 

[miniA4kuser]

Mach doch mal einen Link zu deiner Seite, damit wir uns das mal anschauen können.

 

[replay221]

Hallöchen,

hier der Link - habe mal ein Testseite erstellt.
http://replay221.bplaced.net/

wenn ich jetzt auf Link1 oder Link2 klicke, möchte ich dass sich die orangene Leiste nach oben verschiebt, sodass das weiß Bild wegkommt und in den Content dann der Inhalt von Link1 oder Link2 kommt.Wenn ich wieder auf HOME klicke, soll das Bild wieder eingeblendet werden und die Leiste wieder unten sein.

 

[kkapsner]

Deine Seite wirft Fehler in der Fehlerkonsole. Beseitige die erst mal.

Mit .slideUp() | jQuery API Documentation und .load() | jQuery API Documentation kannst du dein Problem lösen. Aber damit das einfach geht, solltest du dringend deine Seitenstruktur und dein CSS überarbeiten/vereinfachen.

PS: <a href="#"> ist sinnfrei und erzeugt nur Probleme. Layout macht man mit CSS.