Cómo usar js para lograr el efecto de cambio de página

El código de referencia es el siguiente: lt;!DOCTYPE?html?PUBLIC?"-//W3C/DTD?XHTML?1.0?Transitional/EN"?"/ajaxjs/jquery-1.4.2. min.js "gt;lt;/scriptgt;

lt;script?type="text/javascript"?language="javascript"gt;

$(función ()? {

$("#right").click(función ()?{

var?$("lt;divgt;lt;/divgt;",? {?css :?{ posición: "absoluta", borde: sólido 1px #999, izquierda: 806px, arriba: 10px, altura: 494px, ancho: ?"1px",? "fondo:?"#fff"}}).appendTo( $("#book").parent());

$(roll).animate({

izquierda: ??10px",

ancho: ?"398px"

}, ?1000, ?función()?{

$("#left").css({"fondo": "#fff" });

$(roll).fadeOut(300,?function()?{

$(roll).remove();

})

});

});

lt;/scriptgt;

lt;/headgt;

lt; body?style=" relleno: 5px; margen: 0; "gt; /p>

lt; div?id="libro"?style="ancho: 797px; alto: 494px; fondo: # ccc; borde: sólido?px?#ccc; "gt; >lt; div?id="izquierda"?estilo="ancho: 398px; alto: 494px; flotante: izquierda; fondo: url( /jscss/demoimg/201011/PLh.png)?no-repeat?top?left; cursor: puntero;"gt;lt;/divgt;

lt;div?id="right" style= "ancho: 398px; alto: 494px; flotante: izquierda; cursor p?id="right"?style="ancho: 398px; alto: 494px; flotante: izquierda; fondo: #fff; cursor. puntero; margen izquierdo: 1px; alineación de texto: derecha; "gt; ?