Ver Mensaje Individual
  #8 (permalink)  
Antiguo 23/11/2011, 16:17
MurilloJ1
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 13 años
Puntos: 2
Respuesta: hacer aparecer div tras X segundos con jQuery

Tienes un error en la linea del jquery en lugar de "{" es ";"

Intenta con esto:
HTML:

Código:
<html>
<head>
    <title>titulo</title>
    <link href="estilos.css" rel="stylesheet" type="text/css" />
    <script src="jquery.js" type="text/javascript"></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 id="contenedorbajo">
                    <img src="drocha.gif" class="menu"><p class="menu">
                    AQUÍ EL MENU CON LOS ENLACES EN TEXTO</div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#contenedorbajo").delay(3000).fadeIn('slow');
        });
    </script>
</body>
</html>

Y este es el CSS:
Código:
body
{
    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;
}
#contenedorbajo
{
    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;
}
Cambie el estilo menu por el nombre del div.

Espero que te sirva
Saludos!