Ver Mensaje Individual
  #2 (permalink)  
Antiguo 10/06/2010, 12:51
Avatar de foxtrom
foxtrom
 
Fecha de Ingreso: mayo-2009
Mensajes: 8
Antigüedad: 15 años
Puntos: 0
Respuesta: Un poco de Ayuda "Cambiar fondo de un <td> o <tabe>"

Hice un efecto parecido pero utilkizando el div, mas que a alguien le servira
verlo aka:
http://www.cafebar2001.cl/efecto/cambiaima.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
.Estilo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#menu {
position: absolute;
border:0px;
margin-top: 20px;
margin-right: 10px;
left: 25px;
top: -1px;
}
.borde {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 2px solid #0000CC;
}
.tras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: transparent;
}

-->
</style>
</head>
<script language="javascript">

//Aquí cambia los nombres de las imágenes por las tuyas.
var imagenes=new Array()

imagenes[0]=new Image (400,265);
imagenes[0].src="ima1.jpg"
imagenes[1]=new Image (400,265);
imagenes[1].src="ima2.jpg"
imagenes[2]=new Image (400,265);
imagenes[2].src="ima3.jpg"

cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans .apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans .play()
}
else
{
document.images.foto.src = imagenes[cont].src
}
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',3000)
//cada 5000 milisegundos (5 seg.) cambia la imagen.
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="10" onload="presImagen()">
<img id="foto" src="ima1.jpg" style="filter:blendTrans(duration=3)">
<div id="menu">
<table width="380" border="0" cellpadding="0" cellspacing="5" class="borde">
<tr>
<td width="257" class="Estilo1"><span class="Estilo1">1111</span></td>
<td width="104" bgcolor="#FFFFFF" class="Estilo1"><span class="Estilo1">22222</span></td>
</tr>
<tr>
<td class="Estilo1">Texto :
<input name="textfield" type="text" class="Estilo1" size="6" maxlength="6" /></td>
<td class="Estilo1"><input type="checkbox" name="checkbox" value="checkbox" />
<input name="radiobutton" type="radio" value="radiobutton" /></td>
</tr>
<tr>
<td class="Estilo1">Texto :
<input name="textfield2" type="text" class="tras" size="6" maxlength="6" /></td>
<td class="Estilo1">&nbsp;</td>
</tr>
<tr>
<td class="Estilo1">&nbsp;</td>
<td class="Estilo1">&nbsp;</td>
</tr>
</table>
<div>
</body>
</html>