Zur Navigation springen | Zum Inhalt springen
Drucken Favoriten Weitersagen Sitemap

Hovereffekt für Tabellen

Autor:
Soma
Schwierigkeit:
leicht
Kenntnisse:
-
Artikelbewertung:

Artikel bewerten


Probleme mit dem Artikel?

Zum Forum


Unsere Photoshop-DVD-Empfehlung


Photoshop-Workshop-DVD - Basics & Tricks
Photoshop-Workshop-DVD - Retusche & Composing
Photoshop-Workshop-DVD - Effekte für Layout, Typo & Photo

Photoshop-Workshop-DVD - Webdesign

Bei längeren Tabellen mit vielen dargestellten Werten ist es oft recht angenehm, wenn beim überfahren einer Tabellenzeile die gesamte Reihe an der Position des Mauszeigers farbig hervorgehoben wird.
CSS reicht für unsere Lösung leider nicht, der Mozilla kann zwar für einzelne Zellen einen Hovereffekt darstellen...

TD:hover {
background:#fff;
color:#000;
}

...das hilft uns aber nicht viel, gerade weil der Internet Explorer nicht mitspielt.
Hier unsere Aushilfe in javascript:


Mit dem inMouseOver Event setzen wir die neue Hintergrund - und Schriftfarbe, mit dem onMouseOut Event setzen wir die Farben wieder auf den Ausgangswert zurück; hier muss u.U. der Originalwert in die leeren ' ' eingesetzt werden.


Lust, selbst einen Artikel zu schreiben?
Das Photozauber Team dankt für jede Unterstützung Eurerseits.