Javascript simplemente implementa el resaltado y el color de visualización del intervalo de filas de la tabla

Copie el código de código de la siguiente manera:

<tipo de script="texto/javascript">

var name; //Almacena el nombre de clase del objeto tr y lo restaura cuando se aleja el mouse.

function trcolor(){ // Visualización del intervalo de color de la fila de la tabla

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

var trNodes = tabNode.rows;

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

si(x%2 == 1)

trNodes[x].className = "uno";

demás

trNodes[x].className = "dos";

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

nombre = this.className;

this.className = "sobre";

}

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

this.className = nombre;

}

}

}

ventana.onload = trcolor;

</script>

<tipo de estilo="texto/css">

tabla{ ancho:60%; borde:sólido 1px #0066FF;}

tabla td {borde: sólido 1px #0099ff;}

a{ decoración de texto: ninguna;}

.one{color de fondo: rojo;}

.dos{color de fondo: azul;}

.over{color de fondo: amarillo;}

</estilo>

</cabeza>

<cuerpo>

<tabla>

<tr>

<td>Nombre</td><td>Edad</td><td>Dirección</td>

</tr>

<tr>

<td>Zhang San</td><td>23</td><td>Pekín</td>

</tr>

<tr>

<td>李思</td><td>25</td><td>Shanghái</td>

</tr>

<tr>

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

</tr>

<tr>

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

</tr>

</tabla>

</cuerpo>