<html>
<head>
</head>
<body>
<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
// alert(source.tagName);
if(source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName=="TD")
source= source.parentElement
if(source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
<!--onMouseover="changeto('lightgreen')" onMouseout="changeback('white')"-->
<table border="1" width="100%" onMouseover="changeto('lightgreen')" onMouseout="changeback('white')">
<tr>
<td width="20%"> row1</td>
<td width="20%"> row1</td>
<td width="20%"> row1</td>
<td width="20%"> row1</td>
<td width="20%"> row1</td>
</tr>
<tr>
<td width="20%"> row2</td>
<td width="20%"> row2</td>
<td width="20%"> row2</td>
<td width="20%"> row2</td>
<td width="20%"> row2</td>
</tr>
<tr>
<td width="20%"> row3</td>
<td width="20%"> row3</td>
<td width="20%"> row3</td>
<td width="20%"> row3</td>
<td width="20%"> row3</td>
</tr>
<tr>
<td width="20%"> row4</td>
<td width="20%"> row4</td>
<td width="20%"> row4</td>
<td width="20%"> row4</td>
<td width="20%"> row4</td>
</tr>
</table>
</body>
</html>