BUENO ACA LES DEJO UN CODIGO PARA MOSTRAR PAGINAS EN UN DIV ES BIEN FACIL Y PRACTICO SI NO ENTIENDEN SOLO ME AVISAN
CREA UN ARCHIVO HTML O PHP Y COLOCA ESTE CODIGO
<div id="data">
<a href="1.html" rel="contenido">Link 1</a><br />
<a href="2.html" rel="contenido">Link 1</a><br />
<a href="1.html" rel="contenido">Link 1</a>
</div>
<!-- Aquí estamos creando la otra capa -->
<div id="contenido">
</div>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script language="javascript">
function Cargo(){
$("#data a").click(function(){
UpdateDiv(this.href, this.rel);
return false;
});
}
function UpdateDiv(Url, Capa){
Capa = Capa||"data";
$.ajax({
type: 'get',
url: Url,
dataType: 'html',
success: function(data){
$("#"+Capa).html(data)
}
});
}
$(document).ready(Cargo);
</script>
<a href="1.html" rel="contenido">Link 1</a><br />
<a href="2.html" rel="contenido">Link 1</a><br />
<a href="1.html" rel="contenido">Link 1</a>
</div>
<!-- Aquí estamos creando la otra capa -->
<div id="contenido">
</div>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script language="javascript">
function Cargo(){
$("#data a").click(function(){
UpdateDiv(this.href, this.rel);
return false;
});
}
function UpdateDiv(Url, Capa){
Capa = Capa||"data";
$.ajax({
type: 'get',
url: Url,
dataType: 'html',
success: function(data){
$("#"+Capa).html(data)
}
});
}
$(document).ready(Cargo);
</script>