hover-effekt für <td>

[Thomas Luethi]

Hallo,

<td onmouseover="this.bgcolor='#FFFFFF'" onmouseout="this.bgcolor='#000000'">blubb</td>
funzt, dafür kann ich keine styles zuordnen.

Doch. Es gibt this.className ...

Ich denke mal, dass Du diesen Teil nicht verstanden hast.
Sonst laut reklamieren! ;-)

Nochmal langsam zum Mitschreiben:

Statt direkt "hart" die Farben zu setzen (und damit
unflexibel zu sein bzw. auf die Vorteile eines
zentralen CSS zu verzichten) koenntest Du mit
JavaScript auch nur die Klassennamen der Zelle
aendern.

td.foo1 { color:#000000; background-color:#ffffff; }
td.foo2 { color:#ff3333; background-color:#000000; }

<td class="foo1" onmouseover="this.className='foo2'"
    onmouseout="this.className='foo1'">

Gruesse,

Thomas