Cómo usar jquery para subir y bajar páginas

Implementación del complemento hacia arriba y hacia abajo de la página Jquery (es necesario modificar la referencia del archivo js)

<.head>

ul,li{margin :0;padding:0}

#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border :#ccc?px ?solid;overflow:hidden}

#scrollDiv?li{height:25px;padding-left:10px;}

(function($){

$.fn.extend({

Desplazamiento:función (opt,callback){ // Inicialización de parámetros

if( !opt)?var?opt={};

var?_btnUp?=?$("#"+?opt.up);/Shawphy:Botón arriba

var? _btnDown?=?$("#"+?opt.down);//Shawphy:Botón abajo

var?timerID;

var?_this=this .eq(0) .find("ul:first");

var?lineH=_this.find("li.first").height(),?//obtener altura de línea

line =opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10),?// El número de líneas que se desplazan cada vez, el valor predeterminado es una pantalla, que es la altura del contenedor principal

speed=opt.speed?parseInt(opt.speed,10):500;?//Velocidad de desplazamiento, cuanto mayor es el valor, más lenta es la velocidad (milisegundos)

timer=opt.timer?/ /?parseInt(opt.timer,10):3000;?//Intervalo de desplazamiento en milisegundos

if(line==0)?line= 1;

var ?upHeight=0-line*lineH;

//Función de desplazamiento

var?scrollUp=function(){

_btnUp.unbind("click",scrollUp);?/Shawphy:función del botón de desvincular arriba

_this . animate({

marginTop:upHeight

},speed,function(){

for(i=1;i<=line;i++){ _this .find("li:first").appendTo(_this);

}

_this.css({marginTop:0});

_btnUp . bind("click",scrollUp);?//Shawphy: vincula el evento de clic del botón arriba

});

}

/Shawphy: Función de desplazamiento hacia abajo

var?scrollDown=function(){

_btnDown.unbind("click",scrollUp);?animate({

marginTop :0

},velocidad,función(){

_btnDown.bind("click",scrollDown);

});

}

/Shawphy:AutoPlay

var?autoPlay?=?function(){

if(timer)timerID?=?window.setInterval( scrollUp, temporizador) )

};

var?autoStop?=?function(){

if(temporizador)ventana.clearInterval(timerID);

};

_this.css("cursor", "puntero").click(?scrollDown?).hover(autoStop,autoPlay);

}

})

}(jQuery);

$(document).ready(function(){

$("# scrollDiv" ).Scroll({línea:4,velocidad:500,temporizador:3000,arriba: "btn1", abajo: "btn2"});

});

Demostración de desplazamiento de varias líneas:

& lt;ul>

< a?title="Menú del mouse con borde"?target="_blank"?href="#">

Mouse sobre el menú con borde

< /div>

Página anterior<

;/span>

Página siguiente

< / p>

<¿intervalo?