详尽分享隔行换色（1）

隔行变色

*{margin:0; padding:0;}

a{text-decoration:none; cursor:pointer; color: #222;}

table{ width:100%; line-height:30px; border:yellow solid; border-width:1px 0px 0px 1px; text-align:center;}

table td{ border:yellow solid; border-width:0px 1px 1px 0px;}

table th{ border:yellow solid; border-width:0px 1px 1px 0px; font-weight:900; color:blue;}

.one{ background:#C00; background:#D9EDE1;//代码效果参考：http://www.zidongmutanji.com/zsjx/586845.html

.two{ background:#09F; background:#ADD9C2; }

.three{ //代码效果参考：http://www.zidongmutanji.com/zsjx/552359.html

.four{ background:#FFF; }

$(document).ready(function(){

$("tr").mouseover(function(){

$(this).addClass("four");

})

$("tr").mouseout(function(){

$(this).removeClass("four");

})

$("tr:first").addClass("three");

$("tr:last").addClass("three");

$("tr:even").addClass("one");

$("tr:odd").addClass("two");

}//代码效果参考：http://www.zidongmutanji.com/bxxx/105822.html