Javascript  »  HTML-Tricks  »  TD Highlight (benachbart)

zur Übersicht

Kategorie	HTML-Tricks
Bezeichnung	TD Highlight (benachbart)
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	20350 Aufrufe davon 1x gestern
Der Clou ist, dass der Tabellenzellen-Hover hier auf die benachbarte Zelle zugreift. Verblüffende Effekte lassen sich so erzeugen. Schauen Sie auch dieses Script an: http://www.jsunity.de/index.php?opencat=JavaScripts&artid=986925749.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <table width=150 cellpadding=0 cellspacing=0 border=0 bgcolor=6666CC> <tr> <td valign=top width=150> <table width=140 cellpadding=0 cellspacing=0 border=0> <tr bgcolor=#000000> <td> <table width=140 cellpadding=2 cellspacing=1 border=0> <tr> <td bgcolor=#000066 id=mi1 onClick=document.all.ml1a.click(); class=m1><img src=gfx/b.gif width=15 height=15></td> <td bgcolor=#9999FF width=125 class=m1 onClick=document.all.ml1a.click();><a id=ml1a href=# class=m1>Zelle1</a><br> </td> </tr> </table> </td> </tr> </table> <table width=140 cellpadding=0 cellspacing=0 border=0> <tr bgcolor=#000000> <td> <table width=140 cellpadding=2 cellspacing=1 border=0> <tr> <td bgcolor=#6666CC id=mi2 onMouseOver="this.bgColor = '#333399'" onMouseOut="this.bgColor = '#6666CC'" onClick=document.all.ml2a.click(); class=m1><img src=gfx/b.gif width=15 height=15></td> <td bgcolor=#9999FF width=125 class=m1 onMouseOver="document.all.mi2.bgColor='#333399'" onMouseOut="document.all.mi2.bgColor='#6666CC'" onClick=document.all.ml2a.click();><a id=ml2a href=# class=m1>Zelle 2 </a><br> </td> </tr> </table> </td> </tr> </table> <table width=140 cellpadding=0 cellspacing=0 border=0> <tr bgcolor=#000000> <td> <table width=140 cellpadding=2 cellspacing=1 border=0> <tr> <td bgcolor=#6666CC id=mi3 onMouseOver="this.bgColor = '#333399'" onMouseOut="this.bgColor = '#6666CC'" onClick=document.all.ml3a.click(); class=m1><img src=gfx/b.gif width=15 height=15></td> <td bgcolor=#9999FF width=125 class=m1 onMouseOver="document.all.mi3.bgColor='#333399'" onMouseOut="document.all.mi3.bgColor='#6666CC'" onClick=document.all.ml3a.click();><a id=ml3a href=# class=m1>Zelle 3 </a><br> </td> </tr> </table> </td> </tr> </table> <table width=140 cellpadding=0 cellspacing=0 border=0> <tr bgcolor=#000000> <td> <table width=140 cellpadding=2 cellspacing=1 border=0> <tr> <td bgcolor=#6666CC id=mi4 onMouseOver="this.bgColor = '#333399'" onMouseOut="this.bgColor = '#6666CC'" onClick=document.all.ml4a.click(); class=m1><img src=gfx/b.gif width=15 height=15></td> <td bgcolor=#9999FF width=125 class=m1 onMouseOver="document.all.mi4.bgColor='#333399'" onMouseOut="document.all.mi4.bgColor='#6666CC'" onClick=document.all.ml4a.click();><a id=ml4a href=index.php?page=info class=m1>Zelle 4 </a><br> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>

Kommentare zu TD Highlight (benachbart)

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen