Beschreibung

Link 1 Link 2 Link 3
Link 4 Link 5 Link 6

Dieser Teil des Scripts kommt in den Headbereich

<script language="JavaScript">
<!--
if (document.layers)
document.write('<STYLE>TD.cell { position: relative; } <\/STYLE>');
function initTableLayers (tableName, rows, cols) {
if (document.layers) {
var maxHeight = new Array (rows);
var maxWidth = new Array (cols);
for (var r = 0; r < rows; r++)
maxHeight[r] = 0;
for (var c = 0; c < cols; c++)
maxWidth[c] = 0;
for (var r = 0; r < rows; r++)
for (var c = 0; c < cols; c++) {
var cell = document[tableName + 'Cell' + r + '_' + c];
if (maxHeight[r] < cell.clip.height)
maxHeight[r] = cell.clip.height;
}
for (var c = 0; c < cols; c++)
for (var r = 0; r < rows; r++) {
var cell = document[tableName + 'Cell' + r + '_' + c];
if (maxWidth[c] < cell.clip.width)
maxWidth[c] = cell.clip.width;
}
for (var r = 0; r < rows; r++)
for (var c = 0; c < cols; c++) {
var cell = document[tableName + 'Cell' + r + '_' + c];
cell.clip.width = maxWidth[c];
cell.clip.height = maxHeight[r];
cell.rowIndex = r; cell.colIndex = c;
var ol = cell.ol = new Layer(maxWidth[c]);
ol.cell = cell;
ol.clip.height = maxHeight[r];
ol.left = cell.pageX;
ol.top = cell.pageY;
ol.visibility = 'show';
}
}
}
function initTableEventHandler (tableName, rows, cols, event, handler) {
if (document.layers) {
var cell0_0 = document[tableName + 'Cell0_0'];
if (!cell0_0.ol)
initTableLayers (tableName, rows, cols);
for (var r = 0; r < rows; r++)
for (var c = 0; c < cols; c++) {
var cell = document[tableName + 'Cell' + r + '_' + c];
cell.ol['on' + event.toLowerCase()] = handler;
}
}
}
var highColor = '#CBEBFE'
function tdMouseOver (evt) {
this.cell.bgColor = highColor;
}
function tdMouseOut (evt) {
this.cell.bgColor = document.bgColor;
}
function init () {
initTableEventHandler ('table1', 3, 3, 'mouseover', tdMouseOver);
initTableEventHandler ('table1', 3, 3, 'mouseout', tdMouseOut);
}
//-->
</script>

Dieser Teil des Scripts kommt in den BodyTag
onLoad="init();"
Dieser Teil des Scripts kommt in den Bodybereich
<TABLE BORDER="1" align="center" cellpadding="10" cellspacing="5" background="../images/bgr-cell.gif" width="229">
<TR bgcolor="#FFFFFF">
<TD ID="table1Cell0_0" CLASS="cell"
ONMOUSEOVER="this.bgColor = highColor;"
ONMOUSEOUT="this.bgColor = document.bgColor;"
><b> <a href="#">Link 1</a></b></TD>
<TD ID="table1Cell0_1" CLASS="cell"
ONMOUSEOVER="this.bgColor = highColor;"
ONMOUSEOUT="this.bgColor = document.bgColor;"
><b> <a href="#">Link 2</a></b></TD>
<TD ID="table1Cell0_2" CLASS="cell"
ONMOUSEOVER="this.bgColor = highColor;"
ONMOUSEOUT="this.bgColor = document.bgColor;"
><b> <a href="#">Link 3</a></b></TD>
</TR>
<TR bgcolor="#FFFFFF">
<TD ID="table1Cell1_0" CLASS="cell"
ONMOUSEOVER="this.bgColor = highColor;"
ONMOUSEOUT="this.bgColor = document.bgColor;"
><b> <a href="#">Link 4</a></b></TD>
<TD ID="table1Cell1_1" CLASS="cell"
ONMOUSEOVER="this.bgColor = highColor;"
ONMOUSEOUT="this.bgColor = document.bgColor;"
><b> <a href="#">Link 5</a></b></TD>
<TD ID="table1Cell1_2" CLASS="cell"
ONMOUSEOVER="this.bgColor = highColor;"
ONMOUSEOUT="this.bgColor = document.bgColor;"
><b> <a href="#">Link 6</a></b></TD>
</TR>
</TABLE>