Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/01/2010, 07:03
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 15 años, 6 meses
Puntos: 66
Respuesta: Ayuda con un script por favor.

hola pregunton,

a ver si te puede valer esto:
------------------------------------------------------------
//con setInterval llamamos a la función resaltar() cada dos segundos
setInterval(resaltar,2000);

//la variable fila nos va a indicar que fila toca en todo momento cambiar de color
//como la página arranca con la fila uno coloreada, la variable fila empieza en dos
var fila = 2

function resaltar()
{
//declaramos en variables las filas de la tabla
var tr1 = document.getElementById('tr1');
var tr2 = document.getElementById('tr2');
var tr3 = document.getElementById('tr3');

//con switch vamos a valorar fila para saber cual toca cambiar de color
switch(fila)
{
case 1:
//primera fila. alteramos el color de dicha fila
tr1.style.backgroundColor = '#333333';
//y el resto de filas las dejamos del color original
tr2.style.backgroundColor = '#999999';
tr3.style.backgroundColor = '#999999';
break;
case 2:
//segunda fila. alteramos el color de dicha fila
tr2.style.backgroundColor = '#333333';
//y el resto de filas las dejamos del color original
tr1.style.backgroundColor = '#999999';
tr3.style.backgroundColor = '#999999';
break;
case 3:
//tercera fila. alteramos el color de dicha fila
tr3.style.backgroundColor = '#333333';
//y el resto de filas las dejamos del color original
tr1.style.backgroundColor = '#999999';
tr2.style.backgroundColor = '#999999';
break;
}
//finalizado el switch aumentamos uno el valor de fila
fila += 1
//y preguntamos con if si es mayor que 3, para que vuelva a uno
if(fila > 3)
fila = 1;

}
---------------------------------------
y esto en el HTML
---------------------------------------
<table border="1">
<tr id="tr1" style="height:30px; background-color:#333333;color:red">
<td ><img src="t26-06-09-b.jpg" alt="" />
</td>
<td style="width:200px">Imagen 1
</td>
</tr>
<tr id="tr2" style="height:30px; background-color:#999999;color:red">
<td><img src="t26-06-09-b.jpg" alt="" />
</td>
<td style="width:200px">Imagen 2
</td>
</tr>
<tr id="tr3" style="height:30px; background-color:#999999;color:red">
<td><img src="t26-06-09-b.jpg" alt="" />
</td>
<td style="width:200px">Imagen 3
</td>
</tr>

</table>
----------------------------------------------

Pruébalo y nos cuentas.

salu2