Javascript  »  HTML-Tricks  »  Tabellen Navigation

zur Übersicht

Kategorie	HTML-Tricks
Bezeichnung	Tabellen Navigation
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	22797 Aufrufe davon 0x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <style type="text/css"> <!-- .Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;} a:link.Navlink {color : #808080;} a:visited.Navlink {color : #808080;} a:active.Navlink {text-decoration: none;} a:hover.Navlink {text-decoration: none;} --> </style> <script language = "javascript"> <!-- function LmOver(elem, clr) {elem.style.backgroundColor = clr; elem.children.tags('A')[0].style.color = "#FFFFFF"; elem.style.cursor = 'hand'} function LmOut(elem, clr) {elem.style.backgroundColor = clr; elem.children.tags('A')[0].style.color = "#808080";} function LmDown(elem, clr) {elem.style.backgroundColor = clr; elem.children.tags('A')[0].style.color = "#FFFFFF";} function LmUp(path) {location.href = path;} //--> </script> <table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0"> <tr><td width="100%"> <table border="0" width="100%" cellspacing="1" cellpadding="1"> <tr><td width="100%" onMouseover="LmOver(this, '#9999FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')" onmouseup="LmUp('#')" bgcolor="#FFFFFF"><a href="#" class="navlink">123</a></td></tr> <tr><td width="100%" onMouseover="LmOver(this, '#9999FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')" onmouseup="LmUp('#')" bgcolor="#FFFFFF"><a href="#" class="navlink">123</a></td></tr> </table> </td></tr> </table>

Kommentare zu Tabellen Navigation

1 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 16.06.2003 um 13:48 Uhr von nuFFi
na das geht aber auch deutlich einfacher - ohne js!... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen