Farbeffekt bei Rollover

[Mike]

Hallo Leute,

man kann ja per CSS einen farblichen Rollover Effekt (Hintergrundfarbe eines Links) machen wenn man mit der Maus über eine Button geht (:hover). Der Farbwechsel der beim Drüberfahren der Maus dann kommt ist abrupt. Kann man per JS auch einen weichen, also einen Verlauf der Hintergrundfarbe beim Mouse Over bzw. Mouse Out eines Links erzeugen. Mit Flash ist das easy, aber mit JS weiss ich nicht ob es geht.

Zum besseren Verständnis:
Auf der Seite http://www.lyricsarchiv.de/ werden die Links auf der linken Seite per JS farblich weich übergeblendet, allerdings bezieht sich das auf den Text des Linkes. Geht sowas auch mit der Hintergrundfarbe. Z.B. wenn ich mit der Maus auf den Link gehe (weisser Text auf dunkelblauen Hintergrund) soll sich der Hintergrund langsam auf Dunkelgrün überblenden solange ich mit der Maus über dem Link bin. Verlasse ich den Link (also Mouse out) soll das ganze wieder auf dunkelblau überblenden.

Vielleicht weiss jemand eine Lösung oder hat eine Idee.

Vielen Dank im Vorraus

Mike

[Ashura]

Hallo Mike.

Vielleicht weiss jemand eine Lösung oder hat eine Idee.

Wirf doch einfach mal einen Blick auf das Script und frage dann, wenn du etwas nicht verstehst.

Gruß, Ashura

[Ingo Turski]

Hi,

Wirf doch einfach mal einen Blick auf das Script und frage dann, wenn du etwas nicht verstehst.

eigentlich muß man das auch gar nicht verstehen, sondern nur wissen, welche Eigenschaft statt color für den Hintergrund angesprochen werden muß.
Allerdings sollte man im Script die dumme navigator-Abfrage ersetzen.

freundliche Grüße
Ingo

[Mike]

Vielen Dank schon mal, aber leider kann ich mit diesem Script nur den Text des Linkes faden und nicht die Hintergrundfarbe.

Gruß
Mike

[Ashura]

Hallo Mike.

Vielen Dank schon mal, aber leider kann ich mit diesem Script nur den Text des Linkes faden und nicht die Hintergrundfarbe.

Ingo sagte:

eigentlich muß man das auch gar nicht verstehen, sondern nur wissen, welche Eigenschaft statt color für den Hintergrund angesprochen werden muß.

Hier fällt der Begriff "color", da hast du schon einmal etwas, was du in die SelfHTML-Suche eingeben kannst. Und wenn du nun noch Hintergrund ins Englische übersetzt, wirst du finden, was du brauchst.

Gruß, Ashura

[Gernot Back]

Hallo Ashura,

Wirf doch einfach mal einen Blick auf das Script und frage dann, wenn du etwas nicht verstehst.

Ich weiß gar nicht, ob das überhaupt das richtige Skript ist. Bei meinen Browsern ist auf der Seite http://www.lyricsarchiv.de/menue.htm nur dieses Skript:
view-source:http://www.lyricsarchiv.de/faden.js
eingebunden, möglicherweise mit serverseitiger Technik bei dir ja das andere.

Gruß Gernot

[Ashura]

Hallo Gernot.

Ich weiß gar nicht, ob das überhaupt das richtige Skript ist. Bei meinen Browsern ist auf der Seite http://www.lyricsarchiv.de/menue.htm nur dieses Skript:
http://www.lyricsarchiv.de/faden.js
eingebunden, möglicherweise mit serverseitiger Technik bei dir ja das andere.

Hm. Das ist gut möglich, da es sich hier um SHTML-Dokumente handelt.

BTW:Das view-source nützt nicht sonderlich viel, da dies nur die Geckos verstehen. ;)

Gruß, Ashura

[Ingo Turski]

Hi,

Hm. Das ist gut möglich, da es sich hier um SHTML-Dokumente handelt.

nö. Ihr habt nur wohl in unterschiedlichen Frames nachgesehen. Nur im Topframe ist (ungenutzt) faden2.js, in den ünbrigen faden.js.

BTW:Das view-source nützt nicht sonderlich viel, da dies nur die Geckos verstehen. ;)

Aber sicher doch kann der IE das auch - meiner jedenfalls.

freundliche Grüße
Ingo

[Ashura]

Hallo Ingo.

Hi,

Hm. Das ist gut möglich, da es sich hier um SHTML-Dokumente handelt.
nö. Ihr habt nur wohl in unterschiedlichen Frames nachgesehen. Nur im Topframe ist (ungenutzt) faden2.js, in den ünbrigen faden.js.

Stimmt, du hast Recht.

Aber sicher doch kann der IE das auch - meiner jedenfalls.

Meiner nicht.

Gruß, Ashura

[Gernot Back]

Hallo Ashura,

http://www.lyricsarchiv.de/faden.js

BTW:Das view-source nützt nicht sonderlich viel, da dies nur die Geckos verstehen. ;)

Dann müssen wir die Quellcode-Links demnächst also doppelt schreiben:

Für Opera, der den Code im Browser direkt darstellt:http://www.lyricsarchiv.de/faden.js

Und für IE, der den Code ansonsten irgendwohin runterlädt wo man ihn suchen muss, um ihn dann schließlich mit dem Editor seiner Wahl zu lesen:
view-source:http://www.lyricsarchiv.de/faden.js

Ob CK da vielleicht was basteln könnte?

Da lobt man sich wirklich Mozilla, der den Code in beiden Varianten anzeigt.

Gruß Gernot

[Ashura]

Hallo Gernot.

Und für IE, der den Code ansonsten irgendwohin runterlädt wo man ihn suchen muss, um ihn dann schließlich mit dem Editor seiner Wahl zu lesen:
view-source:http://www.lyricsarchiv.de/faden.js

Siehe -> /?t=108441&m=675381

Gruß, Ashura