MouseOver Effekte

[Mike]

Hallo Leute,

ich hab mal eine Frage mit JS kann man glaub ich einen dynamische Mouseovereffekt machen, das heisst wie in Flash wenn man mit der Mouse drüber geht das sich langsam die Hntergrundfarbe verändert.

1. Wo findet man so ein JS Script ?

2. Kann man das auch mit CSS machen, eher nicht oder ?

THX
Mike

[Gernot Back]

Hallo Mike,

2. Kann man das auch mit CSS machen, eher nicht oder ?

Doch, mit dem Pseudo-Format :hover, wenn du Gif-Animationen, die nur einmal durchlaufen, als Hintergrundbilder verwendest.

Gruß Gernot

[Gernot Back]

Doch, mit dem Pseudo-Format :hover

Besser gesagt "Pseudo-Klasse" :hover.

Das funktioniert im IE aber nur mit A-Elementen.

Gruß Gernot

[wahsaga]

hi,

2. Kann man das auch mit CSS machen, eher nicht oder ?

Doch, mit dem Pseudo-Format :hover, wenn du Gif-Animationen, die nur einmal durchlaufen, als Hintergrundbilder verwendest.

Das setzen aber IIRC nicht alle Browser korrekt um:
Manche starten die Animation nach einmaligem Durchlaufen nicht erneut beim erneuten hovern eines Elementes ...

gruß,
wahsaga

[Cyx23]

Hallo Mike,

1. Wo findet man so ein JS Script ?

Suchen, oder selbst schreiben. Du benötigst eine Zeitbasis, also
timeOut oder Interval, die Ansteuerung der Hintergrundfarbe, die
Änderung in kleinen Stufen.
Dann noch die Frage was beim mouseout passieren soll, vmtl. ein
reset auf den Ausgangswert?

Hier hab ich früher einen Überblendeffekt eingebaut, und vielleicht
ist dies zum Thema backgroundColor und Konvertierung noch
interessant für dich.

Damit die Effekte nicht antrengen oder nerven, zumal unter dem
Aspekt der Barrierefreiheit, würde ich aber heute auch eher mal
auf solches "fading" verzichten, ob per Gif, JavaScript oder Flash.

Grüsse

Cyx23