Cita:
Iniciado por jmdearpe 
Hola, tengo varias páginas montadas asi y me funcionan muy bien con jquery:
Código HTML:
function carga(script)
{
jQuery('#capamadre').animate({opacity:0},200, function() { jQuery('#contenido').load(script+".php", function() {jQuery('#capamadre').animate({opacity:1},200)}) });
;
}
Lo que hace esa función es una transición a 0 en opacidad, cuando la transicion termina carga el contenido y una vez cargado le vuelve a poner opacidad a 1, el 200 son los milisegundos.
Luego pones un link con javascript y poco más
Código HTML:
<a href="JavaScript:carga('contacto')">contacto</a> <!-- esto te cargaría por ejemplo contacto.php--> Eso si tienes que tener estas capas
Código HTML:
<div id="capamadre">
<div id="contenido">
</div>
</div>
Y por supuesto cargar jquery ;)
saludos
Sin ofender, pero es un metodo "horrible", tal cual dicen en una de las respuestas, cuando el usuario tenga desactivado Javascript tu sitio no funcionará en absoluto, la forma correcta es mantener el URL real hacia el fichero en el href del link y ya con javascript manejar los eventos "click" de los enlaces, así cuando alguien de click en un enlace detienes su ejecución (que cambie de página) y mandas a llamar a la página via Ajax, así si Javascript esta deshabilitado el sitio aun funcionará de manera normal (cambiando y cargando la nueva página)