Efecto aparecer onload

SeaPirates · #1 (**permalink**) 15/08/2010, 03:13

Hola, necesito que al entrar a la página, haya un div que vaya apareciendo poco a poco.

<body onload="aparecer()">

function aparecer() {
document.getElementById('id').style['opacity'] = '+1';
}

algo así, no sé como sería la función para augmentar la opacidad

caricatos · #2 (**permalink**) 15/08/2010, 03:23

Hola:

Te faltaría temporizar la opacidad...

Código:

function aparecer() {
for (i = 0; i <=100; i++)
setTimeout("document.getElementById('id').style.opacity = " + i, (10 * i));
}

Saludos

SeaPirates · #3 (**permalink**) 15/08/2010, 05:42

Me aparece directamente con color :/

<style>
.loginbox {
background-color:#FFFFFF;
width:250;
height:70;
top:-10;
right:10;
position:absolute;
border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
padding:5;
color:#597aa6;
}
</style>

<script>
function aparecer() {
for (i = 0; i <=100; i++)
setTimeout("document.getElementById('loginbox').st yle.opacity = " + i, (10 * i));
}
</script>

<body onload="aparecer()">

<div id="loginbox" style="filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60" class="loginbox">aa</div>