Hola otra vez:
¡Que raro!
Con este código me va bien en mozilla y explorer:
Código:
<html>
<head>
<title>
Transición
</title>
<script type="text/javascript">
var x;
function inicio() {
x = document.getElementById("tabla");
for (var i = 0; i < x.rows.length; i ++) {
x.rows[i].style.backgroundColor = (i % 2 == 0) ? "red" : "blue";
x.rows[i].style.cursor = "pointer";
x.rows[i].onmouseover = (i % 2 == 0) ?
function() {this.style.backgroundColor = 'yellow';}:
function() {this.style.backgroundColor = 'lime';};
x.rows[i].onmouseout = (i % 2 == 0) ?
function() {this.style.backgroundColor = 'red';}:
function() {this.style.backgroundColor = 'blue';};
x.rows[i].onclick = (i % 2 == 0) ?
function() {location.href = 'destino1';}:
function() {location.href = 'destino2';};
}
}
</script>
</head>
<body onload="inicio()">
<table id="tabla">
<tr>
<td>
dato
</td>
<td>
dato
</td>
<td>
dato
</td>
</tr>
<tr>
<td>
dato
</td>
<td>
dato
</td>
<td>
dato
</td>
</tr>
<tr>
<td>
dato
</td>
<td>
dato
</td>
<td>
dato
</td>
</tr>
<tr>
<td>
dato
</td>
<td>
dato
</td>
<td>
dato
</td>
</tr>
<tr>
<td>
dato
</td>
<td>
dato
</td>
<td>
dato
</td>
</tr>
</table>
</body>
</html>
Y el cursor pointer es la mano que te falta...
Saludos
