隔行变色测试_www. 
 
* { 
    font-family: 'MICROSOFT YAHEI'; 
    margin: 0; 
    padding: 0; 
} 
 
#oddDiv,#oddNotThDiv,#per2Div,#per3Div { 
    width: 900px; 
    margin: 3px auto; 
    padding: 15px 10px; 
    text-align: center; 
    border: 1px solid #bdf3d4; 
    text-align: center; 
} 
 
table { 
    width: 100%; 
} 
 
.odd { 
    background: #cbf5fb; 
} 
 
.even { 
    background: #f4f4f4; 
} 
 
.hover { 
    background: #bdf3d4; 
    color: #FFFFFF; 
} 
 
#oddNotThDiv  table tr th,#per2Div table tr th,#per3Div table tr th { 
    background: #fad8be; 
} 
 
 
 
    $(function() { 
        $("#oddDiv tr:odd").addClass("odd");//奇数 
        $("#oddDiv tr:even").addClass("even"); 
        $("#oddDiv tr").hover(function() { 
            $(this).addClass("hover"); 
        }, function() { 
            $(this).removeClass("hover"); 
        }); 
 
        $("#oddNotThDiv tr:not(:has(th)):odd").addClass("odd"); 
        $("#oddNotThDiv tr:not(:has(th)):even").addClass("even"); 
 
        $('#per2Div table tr:not(:has(th))').addClass(function(i) { 
            return i % 3 == 0 ? "odd" : ""; 
            /* i%(n+1)==0 */ 
        }); 
        $('#per3Div table tr:not(:has(th))').addClass(function(i) { 
            return i % 4 > 1 ? "odd" : ""; 
        }); 
 
        $("#oddNotThDiv tr:not(:has(th)),#per2Div tr:not(:has(th)),#per3Div tr:not(:has(th))") 
                .hover(function() { 
                    $(this).addClass("hover"); 
                }, function() { 
                    $(this).removeClass("hover"); 
                }); 
 
    });