html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码

代码片段：

1，css代码

复制代码 代码示例:

table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px;}

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

tr.t1 td {background-color:#fff;}/* 第一行的背景色 */

tr.t2 td {background-color:#eee;}/* 第二行的背景色 */

tr.t3 td {background-color:#ccc;}/* 鼠标经过时的背景色 */

tr.t4 td {background-color:#E2EBED;}

2，html内容部分

复制代码 代码示例:

11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11

3，javascript代码部分

复制代码 代码示例:

var Ptr=document.getElementById("tab").getElementsByTagName("tr");

function $() {

for (i=2;i

Ptr[i-1].className = (i%2>0)?"t1":"t2";

}

}

window.οnlοad=$;

for(var i=1;i

Ptr[i].οnmοuseοver=function(){

thisthis.tmpClass=this.className;

this.className = "t3";

};

Ptr[i].οnmοuseοut=function(){

thisthis.className=this.tmpClass;

};

}