!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "TR/xhtml1/DTD/xhtml1-strict.dtd" 
 html xmlns="1999/xhtml" xml:lang="en" 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 
 title Pagination Demo I - Simple pagination /title 
 link rel="stylesheet" href="lib/pagination.css" / 
 link rel="stylesheet" href="demo.css" / 
 script type="text/javascript" src="lib/jquery-1.10.2.min.js" /script 
 script type="text/javascript" src="lib/jquery.pagination.js" /script 
 script type="text/javascript" 
 function pageselectCallback(page_index, jq){
 var new_content = jQuery('#hiddenresult div.result:eq('+page_index+')').clone();
 $('#Searchresult').empty().append(new_content);
 return false;
 function initPagination() {
 // count entries inside the hidden content
 var num_entries = jQuery('#hiddenresult div.result').length;
 // Create content inside pagination element
 $("#Pagination").pagination(num_entries, {
 callback: pageselectCallback,
 items_per_page:1 // Show only one item per page
 // When document is ready, initialize pagination
 $(document).ready(function(){ 
 initPagination();
 /script 
 /head 
 body 

 !-- Container element for all the Elements that are to be paginated -- 
 div id="hiddenresult" 
 div p Globally maximize granular
 "outside the box" thinking vis-a-vis quality niches. Proactively formulate 24/7
 results whereas 2.0 catalysts for change. Professionally implement 24/365 niches
 rather than client-focused users. /p 
 Competently engineer high-payoff "outside the box" thinking through cross
 functional benefits. Proactively transition intermandated processes through
 open-source niches. Progressively engage maintainable innovation and extensible
 interfaces. /p 
 /div 
 div p Credibly fabricate e-business models for end-to-end niches.
 Compellingly disseminate integrated e-markets without ubiquitous services.
 Credibly create equity invested channels with multidisciplinary human capital. /p 
 petitive users rather than fully tested
 infomediaries. Seamlessly initiate premium functionalities rather than impactful
 architectures. Rapidiously leverage existing resource-leveling processes via
 user-centric portals. /p 
 /div 
 div p Monotonectally initiate unique
 e-services vis-a-vis client-centric deliverables. Quickly impact parallel
 opportunities with B2B bandwidth. Synergistically streamline client-focused
 infrastructures rather than merce. /p 
 Phosfluorescently fabricate 24/365 e-business through 24/365 total linkage.
 Completely facilitate high-quality systems without stand-alone strategic theme
 areas. /p 
 /div 
 div p Monotonectally initiate unique
 e-services vis-a-vis client-centric deliverables. Quickly impact parallel
 opportunities with B2B bandwidth. Synergistically streamline client-focused
 infrastructures rather than merce. /p 
 Phosfluorescently fabricate 24/365 e-business through 24/365 total linkage.
 Completely facilitate high-quality systems without stand-alone strategic theme
 areas. /p 
 /div 
 /div 
 div id="Pagination" /div 
 /body 
 /html 

分页效果：

源码：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持凡科。