21/01/2010, 07:03
|
| | | Fecha de Ingreso: octubre-2008 Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años 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 |