jPaginate

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Page 1

Demo 1

Hover over the arrows to make the pages move or keep the mouse button down in order to move a whole set.

Clicking a page number will make it move to the center

Demo 2

Demo 2 shows how the plugin can be used with arrow images.

Demo 3

This is an example without any arrows. The user just sees the current page and the surrounding pages.

Demo 4

Demo 4 shows how the plugin can be configured in style (no borders for the page numbers).

Demo 5

This one shows how to integrate the plugin with an onChange event.