simusch
Aktives Mitglied
Thread Starter
- Dabei seit
- 27.09.2004
- Beiträge
- 2.030
- Reaktionspunkte
- 219
Hallo
Ich kämpfe mit einem kleinen Kosmetik-Problem.
Für eine Website möchte ich ein Menu machen, bei welchem bei Mouseover ein farbiger Balken nach unten vergrössert wird und den Menutext danach überlagert.
Ich habe euch hier ein kleines Beispiel gemacht, wie es aussehen sollte:
http://www.simonschaller.ch/files/css.html
(CSS und jQuery im Quelltext ersichtlich)
Die Animation im oberen Bereich (nur CSS) funktioniert soweit.
Wenn ich das ganze mit jQuery animieren will, damit es fliessend geschieht, passiert folgendes:
- wenn man mit der Maus den ROTEN Bereich berührt, klappt die Animation
- wenn man mit der Maus den MenuTEXT berührt, flackert das ganze und die Animation gerät durcheinander, am Schluss erscheint nichtmal mehr der Text wieder schwarz.
Eventuell könnte man das ganze HTML-technisch anders lösen, als ich es gelöst habe, aber wie? Möchte auf Grafiken verzichten!
Danke für eure Inspiration!
Simu
Ich kämpfe mit einem kleinen Kosmetik-Problem.
Für eine Website möchte ich ein Menu machen, bei welchem bei Mouseover ein farbiger Balken nach unten vergrössert wird und den Menutext danach überlagert.
Ich habe euch hier ein kleines Beispiel gemacht, wie es aussehen sollte:
http://www.simonschaller.ch/files/css.html
(CSS und jQuery im Quelltext ersichtlich)
Die Animation im oberen Bereich (nur CSS) funktioniert soweit.
Wenn ich das ganze mit jQuery animieren will, damit es fliessend geschieht, passiert folgendes:
- wenn man mit der Maus den ROTEN Bereich berührt, klappt die Animation
- wenn man mit der Maus den MenuTEXT berührt, flackert das ganze und die Animation gerät durcheinander, am Schluss erscheint nichtmal mehr der Text wieder schwarz.
Eventuell könnte man das ganze HTML-technisch anders lösen, als ich es gelöst habe, aber wie? Möchte auf Grafiken verzichten!
Danke für eure Inspiration!
Simu