Hola,
lo he probado y funciona muy bien!!!
pero yo tengo una pregunta, como se podria hacer que apareciera una tabla al entrar en la pagina, que apareciera de la nada. sin apretar botones e hiciera una opacidad de 0 a 100 y se quedara así.
saludos,
Mai
estoy probando con esto, pero no sé como hacerlo....
<html>
<head>
<title>Untitled</title>
<style>
#izquierda{
position:relative;
float:left;
background:#ff3333;
border:solid 1px #ee9999;
width:400px;
height:600px;
}
#derecha{
margin-left:10px;
position:relative;
float:left;
background:#33ccff;
border:solid 1px #0033cc;
width:400px;
height:600px;
filter: alpha(opacity=0);
opacity: 0
}
</style>
<script type="text/javascript" charset="ISO-8859-1">
var pepe;
var b=0;
var variable=0.1
function mostrarCapa(x){
document.getElementById("disparador").disabled=tru e;
c=document.getElementById("derecha");
if(!x){x=b}
b=x+variable;
c.style.opacity= b; //Firefox
c.style.filter="alpha(opacity="+(b*100)+")"; //IE
if(b<1 && b>0){
pepe=setTimeout("mostrarCapa(b)",100);
}
else{
clearTimeout(pepe);
variable*=-1
document.getElementById("disparador").value=(varia ble==-0.1)?"¡Oh capa de la derecha! Desaparece!!":"¡Oh capa de la derecha! Aparece!!";
document.getElementById("disparador").disabled=fal se;
}
}
</script>
</head>
<body>
<div id="izquierda">
<center>
<input type="button" value="¡Oh capa de la derecha! Aparece!!" id="disparador" onclick="mostrarCapa()"/><br />
</center>
</div>
<div></div>
<table id="derecha">
<tr>
<td><span style="font-color:#ffffff;">hola cocacola</span></td>
</tr>
</table>
</body>
</html>