Este efecto se consigue con Jquery
Básicamente lo que tienes que hacer es tener un div con el texto que quieras mostrar y utilizar las funciones de jquery show() y hide() para mostrarlo y ocultarlo.
Para que la transición dure un segundo o dos, añade 1000 dentro de las funciones (es el tiempo en milisegundos)
Para el texto puedes tener un solo div que se modifique mediante javascript o tener varios e ir ocultando y mostrando según el personaje
Por ejemplo, con un solo div tendrías que hacer
Código:
$(#nombreDeTuDiv).hide(1000);
$(#nombreDeTuDiv).innertext() = "nuevo texto del div"
$(#nombreDeTuDiv).show(1000);
Con estas tres líneas cerrarías el div, cambiarías el texto y lo volverías a abrir.
Intenta investigar con esto y si tienes alguna duda pásate de nuevo por aquí