Foros del Web - Ver Mensaje Individual

KarlanKas · #2 (**permalink**) 24/10/2007, 03:34

Así?

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<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=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
            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!