Johannes: mouseover mit text

Beitrag lesen

Man hat die Möglichkeit, mit <span> Textabschnitte zu definieren, auf die man die Universalattribute anwenden kann.
Eine Dateiabschnitt, in dem sich der Text blau färbt, wenn man mit der Maus über ihn fährt, wäre z.B.:
<span onMouseOver="this.style.color = '#FFFFFF';" onMouseOut="this.style.color = '#000000';">Hier der Text</span>

Mit Span definiert man einen Textabschnitt, auf den man dann die Event-Handler anwendet. In denen werden hier über JavaScript die Style-Eigenschaften dieses Abschnittes geändert.

Natürlich kann man auch eine Funktion aufrufen, und den textabschnitt über die id ('id="Textabschnitt"' mit in den span-Tag schreiben) editieren. Dies tut man mit z.B. "document.all.Textabschnitt.style.color = '#FFFFFF';".

Den Wechsel zwischen Bildern und Text schafft man mit z.B. einem Event-Handler auf document.all.Textabschnitt.innerHTML = "<img src='grafik.gif'>".

Probleme dass die ganze Datei ihren Hintergrund wechselt, kann man auch umgehen, indem man eine Tabelle mit einer Spalte und einer Reihe definiert, und dann nur die BG-Farbe von <td> editiert (über die ID oder über die class in CSS).