jquery-pagination

第一步：下载组件jquery-pagination：http://download.csdn.net/detail/xcwll314/8589935

第二步：引入页面内容：

$(function(){
		//这是一个非常简单的demo实例，让列表元素分页显示
		//回调函数的作用是显示对应分页的列表项内容
		//回调函数在用户每次点击分页链接的时候执行
		//参数page_index{int整型}表示当前的索引页
		var initPagination = function() {
			var num_entries = $('#page_total').val();
			var now_page = $('#now_page').val();
			// 创建分页
			$("#Pagination").pagination(num_entries, {
				num_edge_entries: 1, 			//边缘页数
				num_display_entries: 5,			//主体页数
				callback: pageselectCallback,
				items_per_page:1, 				//每页显示1项
				current_page:now_page			//从0开始
			});
		 }();
		 
		function pageselectCallback(page_index, jq){
			/* var new_content = $("#hiddenresult div.result:eq("+page_index+")").clone();
			$("#Searchresult").empty().append(new_content); //装载对应分页的内容 */
			return false;
		}
});

</script>

<div class="d_page" >
	<input type="hidden" id="page_total" value="100"/>
	<input type="hidden" id="now_page" value="100"/>
	<div id="Pagination" class="pagination" ><!-- 这里显示分页 --></div>
</div>

第三步：查看效果：