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.