Hay forma de crear transation en <tr> ?

[yopmail]

Hola,

Tengo una tabla en la cual me gustaria crear un tabla que los <tr> vayan aparareciendo cuando entras en la web, de esta forma:



Busque en google pero no veo nada parecido, todo se hace con css3, pero es un rollo crear para cada <tr> una temporalidad diferente... habria forma de hacerlo con javascript y de forma mas automatizada?

Muchas Gracias

[Alexis88]

Oculta las filas con CSS y, una vez cargada la página, utiliza un contador y un temporizador, de tal forma que irás mostrando cada fila transcurrido N milésimas de segundo y llevando un control de cada fila.

[alvaro_trewhela]

Obten los elementos tr de la tabla, puede ser asi:

Código Javascript:

var trs = document.getElementById(id_tabla).getElementsByTagName("tr");
 

Recorres los tr con un for primero lo desocultas, y luego vas asignando opacidad, al alcanzar el maximo pasas al siguiente tr y listo.