29/10/2007, 01:42
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 11 meses Puntos: 61 | |
| Re: Efecto en javascript
¿Así?
Código PHP:
<html>
<head>
<title>Untitled</title>
<style>
#izquierda{
position:relative;
float:left;
background:#ff3333;
border:solid 1px #ee9999;
width:400px;
height:600px;
z-index:2
}
#derecha{
margin-left:0px;
position:relative;
float:left;
background:#33ccff;
border:solid 1px #0033cc;
width:400px;
height:600px;
filter: alpha(opacity=0);
margin-left:-400px;
z-index:1;
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=true;
c=document.getElementById("derecha");
if(!x){x=b}
b=x+variable;
c.style.opacity= b; //Firefox
c.style.filter="alpha(opacity="+(b*100)+")"; //IE
c.style.marginLeft=(-400+(b*400))+"px";
if(b<1 && b>0){
pepe=setTimeout("mostrarCapa(b)",100);
}
else{
clearTimeout(pepe);
variable*=-1
document.getElementById("disparador").value=(variable==-0.1)?"¡Oh capa de la derecha! Desaparece!!":"¡Oh capa de la derecha! Aparece!!";
document.getElementById("disparador").disabled=false;
}
}
</script>
</head>
<body>
<div id="izquierda"><br /><br />
<br />
<center>
<input type="button" value="¡Oh capa de la derecha! Aparece!!" id="disparador" onclick="mostrarCapa()"/><br />
</center>
</div>
<div id="derecha"></div>
</body>
</html>
Un saludo!
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
Última edición por KarlanKas; 29/10/2007 a las 02:16
Razón: Para no desorientar al bueno de PatomaS :-P
|