比较好懂的--表格的隔行换色的斑马效果+鼠标悬停效果

JS：
$(document).ready(
function() {

//Add Odd row style
$("#tableID tr:odd").addClass("odd");
//If there is remove the current style, and add new style
$("#tableID tr:first").toggleClass("first");
//Add even row style
$("#tableID tr:even").addClass("even");
}
);
CSS：
.odd { background:#f6f6f4;text-align:center;height:23px;line-height:23px;font-size:9pt;}
.even { background:#FFFFFF;text-align:center;height:23px;line-height:23px;font-size: 9pt;}
.first { background:#676767;font-weight:bold; color:#fff;text-align:center;heihgt:23px;line-height:23px;font-size:9pt;}
鼠标动作
CSS：
.TableRowHover { background:#9aaff7;text-align:center;height:23px;line-height:23px;font-size:9pt;}

页面引用：
οnmοuseοver="c=this.className;this.className='TableRowHover' "; οnmοuseοut= "this.className=c"
这句放在tr中
这样一个首行为黑色，剩下的隔行换色的效果的表格就实现了