Javascript simplesmente implementa cor e realce de exibição do intervalo de linha da tabela

Copie o código do código da seguinte forma:

<script type="texto/javascript">

var name; //Armazena o nome da classe do objeto tr e restaura-o quando o mouse é afastado

function trcolor(){ //Exibição do intervalo de cores das linhas da tabela

var tabNode = document.getElementsByTagName("tabela")[0];

var trNodes = tabNode.rows;

for(var x=1;x<trNodes.length;x++){

se(x%2 == 1)

trNodes[x].className = "um";

outro

trNodes[x].className = "dois";

trNodes[x].onmouseover = function(){ //Destacar

nome = this.className;

this.className = "over";

}

trNodes[x].onmouseout = function(){ //Adicionar atributo de evento onmouseout ao objeto tr

this.className = nome;

}

}

}

janela.onload = trcolor;

</script>

<style type="texto/css">

tabela{largura:60%;borda:sólido 1px #0066FF;}

tabela td {border:solid 1px #0099ff;}

a{decoração de texto: nenhuma;}

.one{cor de fundo: vermelho;}

.dois{cor de fundo: azul;}

.over{cor de fundo: amarelo;}

</estilo>

</head>

<corpo>

<tabela>

<tr>

<td>Nome</td><td>Idade</td><td>Endereço</td>

</tr>

<tr>

<td>Zhang San</td><td>23</td><td>Pequim</td>

</tr>

<tr>

<td>李思</td><td>25</td><td>Xangai</td>

</tr>

<tr>

<td>王五</td><td>15</td><td>Guangzhou</td>

</tr>

<tr>

<td>Sr. Tang</td><td>20</td><td>Changsha</td>

</tr>

</tabela>

</body>