en la pagina principal tengo un div el cual le agrego noticias que voy colocando desde mysql, hasta ahora lo tengo que muestre la ultima noticia publicada en un div de 300px por 150px, al agregar más noticias voy colocandolas hacia abajo de manera q se crea un scroll como los widgets de twitter, pero  deseo mostrar una noticia y q esta automaticamente desaparezca y despues aparezca la nueva y así sucesivamente.

por ejemplo tengo:

<div>
Noticia 1 </br>
<hr>
Noticia 2 </br>
<hr>
Noticia 3</br>
<hr>
 
</div>
 
 

quisiera q estas desaparecieran, he visto algunos efectos como letras se vuelven transparentes hasta q aparece la siguiente noticia, alguien podria aventarme un link si no es mucho problema?  

saludos!


EXCELENTE muchas Gracias!  

Aqui hay un ejemplo de como hacerlo con jQuery:

http://jsfiddle.net/L75rtkqr/2/