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.
Escrito por Juan Carlos Hernandez
Escrito por Juan Carlos Hernandez
Escrito por Juan Carlos Hernandez