jQuery 隔行换色_www.


/* 隔行换色 */
body{font-size:9pt;}
li{padding:3px;}
.demoOver{background:#ccc;}
.demoBg{background:#f1f1f1;}




// 隔行换色
$(function(){
    $(".demo ul li").mouseover(function(){
        $(this).addClass("demoOver");
    }).mouseout(function(){
        $(this).removeClass("demoOver");
    })
    $(".demo ul li:even").addClass("demoBg");
})


注意，第一次运行可能提示有错误，请刷新一下网页再运行一次就正常了。