55+个免费的页面导航（分页）jQuery插件和PSD设计

jopen 11年前

jQuery Pagination Plugins

Bootstrap Paginator

Bootstrap Paginator is a jQuery plugin that simplifies the rendering of Bootstrap Pagination component. It provides methods to automates the update of the pagination status and also some events to notify the status changes within the component. Bootstrap v3 is now supported.

jQuery Pagination Plugin: Smart Paginator

Smart Paginator is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable. Smart Paginator jQuery Pagination plugin can also filter your data automatically on client side. Click the screen shot below for the demonstration to see the various filter options provided by Smart Paginator. Smart Paginator supports variety of parameters and custom themes, that can be used to customize the look and feel to your desire.

Sausage – jQuery UI Widget for Contextual Pagination

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.

Pajinate – A jQuery Pagination Plugin

Pajinate is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages. Not only is it a simpler alternative to server-side implementations, the time between paginated-page loads is almost nil (up to a reasonable page-size of course).

Sweet Pages: A jQuery Pagination Solution

Paginating content is a standard choice when dealing with large chunks of data. The implementation usually involves passing the page number to the back-end, where the appropriate data is fetched from the database and returned in some form. A cumbersome process, but it is a necessary evil. Or is it?

When dealing with small data sets, wouldn’t it be better to have the content readily available, but still neatly organized and easy to access?

Today we are making a jQuery plugin that will enable you to convert a regular unordered list of items into a SEO friendly set of easily navigatable pages. It can be used for comment threads, slideshows, or any kind of structured content.

jPaginate: A Fancy jQuery Pagination Plugin

jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.

Jui Pagination

jui_pagination is a jquery plugin, provides pagination using page links or jQuery UI slider. Fully configurable. jQuery UI themes compatible. Localization support.

jPaginate – jQuery Pagination System Plugin

Client-side Pagination Plugin – jPages

jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

SimplePagination.js

A simple jQuery pagination plugin, 3 CSS themes and Bootstrap support.

jqPagination

jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application. Instead of displaying a list of page numbers like traditional pagination methods jqPagination uses an interactive ‘Page 1 of 5′ input that, when selected, allows the user to enter their desired page number. The plugin will ensure that only valid pages can be selected, a valid request will result in the paged callback. First, previous, next and last buttons work out of the box, but are optional.

Simple, Lighweight jQuery Pagination Plugin – wPaginate.js

A jQuery pagination plugin for simply setting up pagination on the fly. The plugin allows you to set how many pages are displayed at a time on a sliding scale and also has ajax support out of the box.

jPaginator

jPaginator is a jQuery plugin for pagination. It’s fun, intuitive, it comes with a slider and you can ask for an unlimited number of pages. Use it with a unique element, for more details please have a look at the code of demo1 and the plugin’s options.

jQuery Auto Paginatio

jQuery Auto Pagination converts paginated webpages into a single page that loads subsequent pages automatically as the user scrolls downwards.

Dynamic Pagination jQuery Plugin – BootPag

This jQuery plugin helps you create dynamic pagination with 推ter bootstrap or in any other html pages.

Easy pagination with jQuery and Ajax

In this tutorial, author showing an easy way to display your database data with jQuery using Ajax and pagination.

Easy Paginate jQuery Plugin for Pagination

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.

jQuery Pagination Plugin

AJAX Pagination using jQuery and PHP with Animation

Quick Pagination with jQuery

Use Quick jQuery Pagination to convert long lists and page content into numbered pages in seconds!

Pagination with jQuery, MySQL and PHP

jQuery Bootstrap Pagination

A simple, full-featured, pagination system for jQuery that outputs 推ter Bootstrap marked up pagination links. Of course, there’s no reason you need to use this with Bootstrap, the HTML output is very clean.

jQuery Mobile Listview Pagination Plugin

jQuery AJAX Pagination Plugin – EasyDataTable

3D Pagination

Pure CSS3 Animated Pagination

Simple and cool configuration, simple color scheme change.

Usable Long-list Pagination

An experiment for making navigating long lists a bit more usable with Lexicon-style pagination on hover/focus. Needs to work on Mobile too.

Pagination

ResResponsive, Accessible, Alternate Pagination experiment. It’s a good attempt for making more interesting and user-friendly pagination.

Dark Pagination

A dark pagination complete with hover and active states.

jPaginator CSS3 Edition

jPaginator is a nifty jQuery plugin by Remy Elazare which combines pagination and scrolling in a simple user interface. Remy recently asked me if I would like to use it for something on Webdesigntuts+ and I figured it would be a great candidate for a style make-over.

Pagination often involves lots of page links, which themselves need navigating along before you can select them. jPaginator aims to improve the user experience of long pagination lists by offering a slider to animate links left and right. You can also use the control links either side of the pagination, or even rely on the good ol’ arrow keys.