Foros del Web - Ver Mensaje Individual - hacer aparecer div tras X segundos con jQuery

eduhernan · #7 (**permalink**) 23/11/2011, 10:26

Vale, voy a poner la estructura de la web simplificada y los estilos que le estoy dando, así seguro me pueden entender mejor:

Código HTML:

Ver original<head>
<title>titulo</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<script src=”jquery.js”></script>
</head>
 
<body>
<img id="bg" src="fondoprueba2.jpg">
  <div class="contenedor">
    <div class="centrado">
      <div class="alto">
      <img src="escudo.gif" class="logo" id="escudo">
      </div>
      <div class="bajo">
            <span class="logo" id="clogo">
            <object classid="...">ESTE ES EL FLASH</object>
            </span>
            <div class="menu" id="contenedorbajo"><img src="drocha.gif" class="menu"><p class="menu">AQUÍ EL MENU CON LOS ENLACES EN TEXTO</div>
      </div>
    </div>
    </div>
        <script>
        $(document).ready(function(){
        $("#contenedorbajo").delay(3000).fadeIn("slow"){
        });
        </script>
</body>

Y ahora los estilos:

Código CSS:

Ver originalbody {
    background: #fff;
    height:100%;
    text-align:center;
}
 
 
#bg {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}
 
.contenedor {
    width: 99%; 
    height: 98%;
    position: fixed;
    display: table;
    border:2px dashed #fff;
    margin: 0 auto;
}
    
.centrado {
    position: absolute; 
    top: 50%;
    display: table-cell; 
    vertical-align: middle;
    text-align: center; 
    position: static;
    }
    
 
.alto {
    width: 100%;
    position:absolute;
    top: 7%;
    }
        
.bajo {
    width:100%;
    position:absolute;
    bottom:10%;
    }
    
.logo {
    text-align:center;
    margin-top:40px;
    }
 
.menu {
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:8px;
    letter-spacing:2px;
    word-spacing:20px;
    text-transform:uppercase;
    margin-top:15px;
    position:relative;
    display:none
    }

Lo que yo quiero tener oculto es el div que está dentro de "bajo" y que se llama "contenedorbajo". Lo que ocurre al ponerle display:hidden es que su lugar lo ocupa el flash, y no sé quizás si se está superponiendo. De todos modos, he hecho eso, de probar sin el flash e igual, no ocurre nada.

Gracias!