tr.odd {
background-color: #fff;
}
tr.even {
background-color: #eee;
}
<script type="text/javascript">
MyLib.event.observe(window, "load", function(){
tableRowColor("row-color", "even", "odd");
}, false);
</script>
</head>
<body>
<table class="row-color" border="0" cellspacing="1" cellpadding="0">
function tableRowColor(classNameTable, classNameEven, classNameOdd){
var table;
var children;
var tables = document.getElementsByTagName("table");
classNameEven = classNameEven ? classNameEven : "even";
classNameOdd = classNameOdd ? classNameOdd : "odd";
for(var i=0; table=tables[i]; i++){
if(table.className.indexOf(classNameTable, 0) != -1){
var row;
var rows = table.getElementsByTagName("tr");
for(var j=1; row=rows[j]; j++){
if(j % 2 == 0){
row.className = classNameEven;
}else{
row.className = classNameOdd;
}
}
}
}
}