Como lograr un efecto fade in en un div

[aloqui]

Puedes poner una temporizacion de por ejemplo 0.1 segundos y que en cada iteracion hasta diez ponga una clase diferente. Cada una de las clases tendría diferente opacidad. Ojo, la opacidad en Explorer y en Firefox se pone de distinta forma (quizá aparte de cambiar la clase, debas cambiar tambien el estilo):
.opa0 { -moz-opacity:0.0; filter:alpha(opacity=0); }
.opa10 { -moz-opacity:0.10; filter:alpha(opacity=10); }
...
.opa90 { -moz-opacity:0.90; filter:alpha(opacity=90); }
.opa100{ -moz-opacity:1.00; filter:alpha(opacity=100); }

Para clambiar la clase puedes hacer:
document.getElementById("tuDIv").className = "opa" + varBucle;

Para cambiar el estilo puedes hacer algo parecido a:
getStyleObject("tuDiv").filter = "alpha(opacity=" + varBucle + ")";