Farbwechsel in Tabellen mittels jQuery | JavaScript

Längere Tabellen wirken oft etwas unübersichtlich, vor allem wenn man eine Tabellenzeile über mehrere Spalten ansieht. Da ist es schnell passiert, dass man nach unten oder oben verrutscht. Eine geläufige Lösung für dieses Problem ist es, dass man jede zweite Zeile in einer anderen Farbe darstellt. So kann man einem Eintrag leichter von einer Spalte zur nächsten folgen. Früher gab es für Nadeldrucker sogar extra Papier, wo die horizontalen Streifen bereits aufgedruckt waren (Tabellierpapier).

Für die Ausgabe von Tabellen zweifarbigen Tabellen in HTML gibt es verschiedene Lösungsansätze. So kann man z.B. serverseitig so einen Farbwechsel erzeugen (z.B. mittels PHP) und die fertige Tabelle bereits mit verschiedenen CSS Klassen pro Zeile an den Browser senden. Aber auch clientseitig kann man es per Javascript bewerkstelligen. Eine einfache Art, so einen Farbwechsel zu realisieren bietet die Javascript Bibliothek jQuery.

Weiterlesen …

Hovereffekte mittels CSS-Sprites

Hovereffekte werden gerne von Webdesignern genutzt. Mit ihnen ist es möglich, Farben oder Grafiken zu ändern, wenn man mit der Maus über das entsprechende Element drüberfährt. So werden Hovereffekte z.B. gerne bei Navigationsmenüs verwendet. Jeder Menüpunkt ist mit einer Hintergrundgrafik versehen. Bewegt man die Maus über einen Menüpunkt, so eine andere Hintergrundgrafik nachgeladen und der Menüpunkt wird somit optisch anders dargestellt.

Weiterlesen …