Efecto de transicion entre paginas html de mi web

[guardianglorioso]

Buenas gente,

La verdad que tengo una duda. Estoy diseñando una pagina web bastante sencilla. Es una pagina "estatica" de informacion de un negocio, que se compone de un div para contenido y un menu en el footer de la pagina. He pensado que para hacerla mas "divertida", hacer un efecto de transicion a la hora de pinchar sobre el menu para acceder al contenido deseado (inicio, contacto, trabajos, clientes, galeria de imagenes...), de forma que por ejemplo, si estando en inicio, pincho sobre contacto, me haga un efecto de transicion de izquierda a derecha, donde por un lado desaparece el contenido actual (inicio) y por el otro lado aparece el contenido que quiero cargar (contacto). Seria mas bien algo parecido al estilo de hacer un slider de imagenes, pero en este caso de contenido html de acceso de una pagina a otras paginas.

De todas maneras se aceptan sugerencias para hacerlo de diferente forma. Actualmente tengo cada uno de las secciones de la pagina web en html diferentes, es decir, index.html, contactos.html, etc... Y supongo que seria bajo jquery y CSS y html5.

Asi que cuanta mas informacion mejor que mejor

Muchas gracias

[kseso?]

Edito:
Para borrar mi sugerencia y añadir un -k por duplicar tema.
Tema en el que ya le han respondido varios usuarios y al que no ha retornado a contestar las 2 últimas respuestas que le han dado (código incluido).

Mála práctica una (la repetición), peor la otra (el ignorar las ayudas).