Mostrar y ocultar una capa con javascript

Para mostrar y/o ocultar una capa después de un tiempo podemos hacer lo siguiente:

– Código a poner en el HEAD:

<!– Mostrar / Ocultar una capa –>
<script type=”text/javascript”>
<!–
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
    if(document.layers)    //NN4+
    {
       document.layers[szDivID].visibility = iState ? “show” : “hide”;
    }
    else if(document.getElementById)   //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? “visible” : “hidden”;
    }
    else if(document.all) // IE 4
    {
        document.all[szDivID].style.visibility = iState ? “visible” : “hidden”;
    }
}
// –>
</script>
<!– Llamadas para mostrar y ocultar la capa demodiv –>
<script type=”text/javascript”>
  setTimeout(“toggleBox(‘demodiv’,1);”,1500);
  setTimeout(“toggleBox(‘demodiv’,0);”,15000);
 </script>

Hacer una capa y llamarla demodiv:

<div id=”demodiv” style=”position:absolute; left:183px; top:169px; width:500px; height:278px; z-index:8; visibility: hidden;”><img src=”imagenes/WOK.jpg” width=”500″ height=”278″></div>

Y eso es todo. La función setTimeout es la que se encarga de mostrar y ocultar la capa después de un tiempo.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: