HTML/CSS: Div-Bereiche mit Hover-Farbe

[Puhbaehr]

Wie wäre es denn wenn du ein OnMouseOver und ein OnMouseOut in den div-Tag einbindest?

Ist zwar nicht sehr elegant da es in jedes Tag geschrieben werden müsste aber immerhin eine Lösung (abgesehen davon, dass mit PHP eine elegantere Lösung möglich ist).

Könnte evtl. so aussehen:

Code:

<div OnMouseOver="this.style.backgroundColor = '#FF0000'" OnMouseOut="this.style.backgroundColor = '#FFFF00'">Mein Text</div>

Hinter dem "style" kann jedes X beliebige Style-Sheet-Attribut auf das Element angewendet werden.
Allerdings ist auf die Groß- und Kleinschreibung von backgroundColor zu achten wobei folgende einfache Regel gilt:

Steht im Style-Attribut ein Bindestrich so wird dieser weggelassen UND darauf folgender Buchstabe wird Groß geschrieben. Sonst alles andere Klein.
Bsp.:
Aus StyleSheet wird JavaScript:
aus background-color wird backgroundColor
aus color wird color
aus text-align wird textAlign
usw..

Weiter Informationen sind u.a. auch bei SelfHTML zu finden. Stichwort Style unter JavaScript.

Beispieldatei im Anhang.