[CellBGChanger]

Item 1 | Item 2 | Item 3

Mit Hilfe dieses Scripts wird bei MouseOver die Hintergrundfarbe von Tabellenzellen verändert und der Cursor verändert sein Aussehen...geeignet als Navigationsleiste.

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<style>
.tditem {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: gray;
}
</style>

[zwischen <BODY> und </BODY>]

<center>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td onmouseover="bgColor='blue'" onClick="window.location.href='dummy.htm'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center">
<b><span class="tditem">Item 1</span></b></td>

<td width="1" align="center">|</td>

<td onmouseover="bgColor='blue'" onClick="window.location.href='dummy.htm'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center">
<b><span class="tditem">Item 2</a></font></b></td>

<td width="1" align="center">|</td>

<td onmouseover="bgColor='blue'" onClick="window.location.href='dummy.htm'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center">
<b><span class="tditem">Item 3</a></font></b></td>

</tr>
</table>
</center>

[Hinweise]

Beachten Sie bitte die Adressierung der Links!

Hier im Beispiel wird der Link folgendermassen adressiert: window.location.href='dummy.htm'
Das bedeutet, dass der Link im aktuellen Fenster (das ist das Fenster, in dem sich der Link befindet) geöffnet wird.
Bei Einsatz innerhalb eines Framesets muss die Adressierung folgendermassen geändert, bzw. notiert werden: parent.NameDesFrames.location.href='dummy.htm'
NameDesFrames muss hierbei einem Framenamen Ihres Framesets entsprechen.

[Autor]

Chris Chopping

[Download]

Kopieren Sie bitte den Scriptcode

Copyright © 1998- Nightfire Webworker Archiv Script No: 0021