<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
table{width:700px;border:1px solid orange;margin:auto;border-collapse:collapse}
td{border:1px solid orange}
.odd{background-color:#FFC}
.even{background-color:#CCC}
.old{background-color:red}
</style>
<script>
/*
function changeColor(n){
document.getElementsByTagName("tr")[n].style.backgroundColor = '#666';
}
function resColor(n){
document.getElementsByTagName("tr")[n].style.backgroundColor = '';
}
*/
function changeColor(){
var rows = document.getElementsByTagName("tr");
for(var i=0;i<rows.length;i++){
if(i%2 == 0){
rows[i].className = 'odd';
}else{
rows[i].className = 'even';
}
var oldcolor;
rows[i].onmouseover = function(){
oldcolor=this.className;
this.className = 'old';
}
rows[i].onmouseout = function(){
this.className = oldcolor;
}
}
}
</script>
</head>
<body οnlοad="changeColor()">
<TABLE>
<TR>
<TD>11111</TD>
<TD>11111</TD>
<TD>11111</TD>
</TR>
<TR>
<TD>22222</TD>
<TD>22222</TD>
<TD>22222</TD>
</TR>
<TR>
<TD>33333</TD>
<TD>33333</TD>
<TD>33333</TD>
</TR>
<TR>
<TD>44444</TD>
<TD>44444</TD>
<TD>55555</TD>
</TR>
<TR>
<TD>66666</TD>
<TD>66666</TD>
<TD>66666</TD>
</TR>
<TR>
<TD>77777</TD>
<TD>77777</TD>
<TD>77777</TD>
</TR>
</TABLE>
</body>
</html>