Javascript  »  HTML-Tricks  »  TD Highlight (benachbart) 2

zur Übersicht

Kategorie	HTML-Tricks
Bezeichnung	TD Highlight (benachbart) 2
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	12741 Aufrufe davon 1x gestern
Der Clou ist, dass der Tabellenzellen-Hover hier auf die benachbarte Zelle zugreift. Verblüffende Effekte lassen sich so erzeugen. Dieses Script ist etwas einfacher von der Struktur als sein Kollege unter: http://www.jsunity.de/index.php?opencat=JavaScripts&artid=983267127.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <table align="center" cellspacing="1" cellpadding="2" border="0"> <tr onMouseOver="this.style.backgroundColor='#E8E3F2';" onMouseOut="this.style.backgroundColor='';"> <td onClick="window.location.href='#'"><a href="#">Zelle 1a</a></td> <td align="center"><a href="#">Zelle 2a</a></td> <td width='110' align="center" colspan="1">Zelle 3a</td> <td width="50" align="center">Zelle 4a</td> </td> </tr> <tr onMouseOver="this.style.backgroundColor='#E8E3F2';" onMouseOut="this.style.backgroundColor='';"> <td onClick="window.location.href='#'"><a href="#">Zelle 1b</a></td> <td align="center"><a href="#">Zelle 2b</a></td> <td width='110' align="center" colspan="1">Zelle 3b</td> <td width="50" align="center">Zelle 4b</td> </tr> </table>

Kommentare zu TD Highlight (benachbart) 2

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen