jQuery 隔行换色

$(document).ready(function(){

 $("ul li:even").addClass("eqa");//偶数行的背景色

 $("ul li:odd").addClass("eqb");//奇数行的背景色

 $("ul li").hover(function(){$(this).addClass("eqc")}, function(){$(this).removeClass("eqc")});//鼠标移动改变背景色

 $("tr:even").addClass("eqa");//偶数行的背景色

 $("tr:odd").addClass("eqb");//奇数行的背景色

 $("tr").hover(function(){$(this).addClass("eqc")}, function(){$(this).removeClass("eqc")});//鼠标移动改变背景色

});

.eqa { background-color:#efefef;}/*偶数行的背景色*/

.eqb { background-color:#f7f8f8;}/*奇数行的背景色*/

.eqc { background-color:#dcdddd;}/*鼠标移动改变背景色*/

ul { list-style:none; width:300px; margin:0; padding:0; font-size:12px;}

ul li { width:300px; line-height:24px;}

a { color:#333; text-decoration:none;}

a:hover { color:#06C; text-decoration:underline;}

table { width:300px; font-size:12px;}

table tr { width:300px; line-height:24px;}