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.
Si te gusto este post, considera dejar tu comentario o suscribete al feed y consige los ultimos articulos en tu email.
Comentarios
Ningun comentario.
Deja tu comentario