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

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;}

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