Antes se solia hacer con iframe superpuesto xD. Ahora estas cosas se hacen con javascript.. ajax para ser exactos.
Si te fijas:
exafm.com/#!/mexico/home
En azul es la direccion.
En maron es el separador que utiliza javascript.
En verde es la ruta de la pagina en la que estas.
Cada vez que cambias a una pagina, solo cambia el verde que en realidad no es mas que una ruta "virtual". Tu navegador nunca llega a recargar/cambiar de pagina, todo lo hace una consulta ajax. Te puedes dar cuenta de ello, porque si desactivas el javascript de tu navegador, la pagina entera deja de funcionar..
Básicamente, mediante ajax, actualizas/cambias solo una parte del html y así no tienes que recargar la pagina entera.
Saludos
muchas gracias por la respuesta, pero tengo una duda... creo q al utilizar ajax en todo mi sitio pierdo el SEO de mi sitio ... bueno tenia entendido algo así..ademas q al dar "atras" del navegador no funcionaria.. bueno eso tengo entendido si me equivoco favor de corregirme... y por lo pronto utilizare un "pop up" xD