¿Aparecer un div suavemente?

[Geze]

Hola!
Si tengo una barra como menú, pero está oculra en un enlace, ¿cómo puedo hacer que al darle click la barra aparesca suavemente, es decir, que no salga muy rapido, sino lento (suave)?

Espero me puedan ayudar con el script, porque soy muy nuevo en Js ;) Adiós

[uokesita]

te recomiendo usar jquery, y sus efectos slideDown

ejemplos y uso:
http://api.jquery.com/slideDown/

[caricatos]

Bueno:

Si es solo eso, no creo que sea necesario cargar toda una librería, tan solo debes temporizar el cambio de opacidad de el elemento que quieras mostrar/ocultar:

Código:

function ocultar() {
for (i = 10; i >= 0; i--)
 setTimeout("document.getElementById('menu').style.opacity = '" + (i / 10) + "'", (10 - i) * 100)
}
function mostrar() {
for (i = 0; i <= 10; i++)
 setTimeout("document.getElementById('menu').style.opacity = '" + (i / 10) + "'", i * 100)
}

El nuevo explorer ya soporta el estilo opacity, pero para las versiones viejas debes discriminar con if (document.all), y usar el filtro alfa.

Saludos

[Geze]

Muchas gracias, Uokesita y Caricatos!
Los dos ejemplos muy útiles :) Adiós

[Geze]

Hola!
Con el ejemplo de Caricatos; intenté añadirle algo así, para que la barra se hiciera más pequeña, es decir de largo:

Código Javascript:

//Desplazamiento
for (i = 0; i <= 10; i++)
 setTimeout("document.getElementById('menu').style.height = '" + (i / 20) + "'", i * 100)
}
 

El inverso funciona para cerrarla (aunque no se ve lento), pero este fracmento no sirve para abrirla, ¿Una ayudadita más?

[Ciel]

Sino otra opcion es esta:

Código Javascript:

<script>
$(document).ready(function()
{
 $('body').hide().fadeIn(2000); 
});
</script>
 

[Geze]

Busco algo más como el efecto que ahce la barra inferior.

http://binarybonsai.com/misc/humanmsg/

Bueno, si es algo más complejo me basatá con ponerle un botón al ocultarse :)