`
wb284551926
  • 浏览: 556666 次
文章分类
社区版块
存档分类
最新评论

一个强大的jquery分页插件(转载)

 
阅读更多

这个分页插件使用方便,引用keleyidivpager.js和keleyidivpager.css文件,然后在htm(或者php,aspx,jsp等)页面中对分页总数,参数名,前缀后缀等进行设置就可以了

以下是源代码:

<!DOCTYPE html>
<html>
<head>
<title>一个强大的jquery分页插件-柯乐义</title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<link href="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div><h2>分页插件·柯乐义</h2><a href="http://keleyi.com/a/bjac/0xusjq8m.htm" target="_blank">原文</a></div>
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.js"></script>
<div id="div_pager">
</div>
<script type="text/javascript">
var totalPage = 20;
var totalRecords = 390;
var pageNo = getParameter('p'); //这里设置参数名(柯 乐 义 注 释)
if (!pageNo) {
pageNo = 1;
}
//生成分页控件 根据分页的形式在这里设置
kkpager.init({
pno: pageNo,
//总页码
total: totalPage,
//总数据条数
totalRecords: totalRecords,
//链接前部
hrefFormer: 'keleyidivpager',
//链接尾部
hrefLatter: '.htm',
getLink: function (n) {
return this.hrefFormer + this.hrefLatter + "?p=" + n; //参数名跟上面相同
}
});
kkpager.generPageHtml();
</script>
</body>
</html>

 转载自:http://keleyi.com/a/bjac/0xusjq8m.htm

web前端:http://www.cnblogs.com/jihua/p/webfront.html

分享到:
评论

相关推荐

    jquery分页插件-内有演示说明

    **jQuery分页插件**是Web开发中常用的一种工具,用于在大量数据中实现高效的页面导航,提升用户体验。本资源包含一个演示说明,使得理解和应用变得更加直观和简单。以下将详细解析jQuery分页插件的核心知识点及其...

    jquery分页插件结合jsp实例

    本教程将详细介绍如何使用jQuery分页插件与JavaServer Pages(JSP)结合,实现一个高效的分页功能。我们将重点讨论jQuery分页插件jPagination的使用方法,以及它与JSP的集成。 首先,`jQuery`是一种轻量级的...

    jQuery分页插件设置分页内容显示数量的分页代码

    jQuery,作为一个轻量级的JavaScript库,提供了丰富的插件来实现分页功能。本篇文章将详细讲解如何使用jQuery分页插件来设置分页内容显示的数量。 首先,我们需要选择一个适合的jQuery分页插件。有许多开源的选项可...

    jQuery分页插件 很实用

    jQuery 分页插件是网页开发中的重要工具,它能够帮助开发者轻松实现数据的分页显示,提高用户体验,尤其是在处理大量数据时。这个插件通常包括各种样式和交互效果,使得分页不仅实用,而且美观。在本教程中,我们将...

    jquery分页插件带总数分页代码

    jQuery是一个非常流行的JavaScript库,它提供了丰富的功能和简洁的API,使得在网页上实现分页功能变得相对简单。本知识点将详细讲解如何使用jQuery分页插件实现带总数的分页代码。 首先,我们需要一个分页插件。...

    jQueryPager(JQuery分页插件pagination实现Ajax分页)

    jQuery是一个强大的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互。Ajax(Asynchronous JavaScript and XML)技术则使得网页可以在不重新加载整个页面的情况下与服务器交换数据并局部更新页面内容...

    JS+Jquery分页插件

    首先,`jquery-1.4.2.min.js`是jQuery库的压缩版本,它是JavaScript的一个强大的库,提供了丰富的DOM操作、事件处理、动画效果和Ajax交互等功能。jQuery简化了JavaScript的使用,使得开发者可以更便捷地实现各种复杂...

    五款漂亮的jquery分页插件

    在网页设计中,分页是不可或缺的一个元素,特别是在数据量庞大的时候,如博客、电商产品列表等场景。jQuery作为一款强大的JavaScript库,提供了丰富的插件来实现美观且易用的分页功能。以下是对"五款漂亮的jquery...

    简单实用的jquery分页插件

    在网页开发中,数据展示往往...接着,选择一个合适的jQuery分页插件。这里我们假设已有一个名为"pagination.js"的插件文件,包含必要的分页功能。将该文件与HTML文件一同放在项目目录中,并在页面底部引入: ```html ...

    简单的jQuery分页插件下载.zip

    本资源提供的"简单的jQuery分页插件下载.zip"包含了一个名为"jQuery.page.js"的插件文件,该插件设计简单易用,无需复杂的配置,即可在网页上实现基本的分页功能。 **jQuery.page.js的使用方法** 1. **引入jQuery...

    jquery分页插件

    **jQuery分页插件**是Web开发中常用的一种工具,主要用于处理大数据量的展示,将大量数据分成多个...在实际开发中,选择一个适合自己项目需求的分页插件,结合良好的前端架构,可以大大提高项目的开发效率和用户体验。

    jQuery分页插件(实例详尽,简单易用

    总的来说,jQuery分页插件是一个强大的工具,它能够帮助开发者轻松实现数据的分页展示。通过理解其工作原理,掌握其优势和使用方法,我们可以提高项目的用户体验,同时也提升开发效率。在实际应用中,应根据项目需求...

    一个简单的jquery分页插件

    一个简单的jquery分页插件,支持一个页面多个分页,输入页码跳转,可自己做成不跳转页面或跳转页面的方式等

    jQuery实现分页插件

    本文将深入探讨如何使用jQuery实现一个分页插件。 ### 1. jQuery分页原理 分页主要涉及两个关键概念:当前页数和每页显示的数据数量。jQuery分页插件通过计算总数据量和每页显示的数量来确定页码总数,并根据当前...

    jquery插件-文章分页插件

    总结来说,"jquery插件-文章分页插件"是一个帮助网页开发者轻松实现文章或数据分页的工具,通过jQuery的强大功能和简洁API,降低了分页功能的实现难度,提高了开发效率。无论是对于新手还是经验丰富的开发者,这样的...

    jQuery分页插件是网页开发中的一个强大工具,它能够帮助开发者简化分页功能的实现过程,提高开发效率

    jQuery分页插件是网页开发中的一个强大工具,它能够帮助开发者简化分页功能的实现过程,提高开发效率。通过合理配置和使用,可以为用户提供流畅的浏览体验,同时减轻服务器的压力。无论是开发大型电子商务网站还是...

    简单轻巧的Jquery分页插件

    2. **初始化插件**:在jQuery的$(document).ready()函数中,找到需要分页的数据容器(如一个`&lt;div&gt;`),然后调用插件的初始化方法,设置必要的参数,如每页显示的记录数、总记录数等。 ```javascript $(document)....

    html 自己写的jquery分页插件

    本项目涉及的是一个自定义的 jQuery 分页插件,用于实现数据的分页展示,提高用户体验,特别是处理大量数据时。下面将详细介绍这三个技术以及分页插件的相关知识点。 **HTML(HyperText Markup Language)** 是网页...

    分享一个jquery分页插件

    本文将深入探讨“分享一个jQuery分页插件”这一主题,结合给出的标签“源码”和“工具”,我们主要讨论jQuery分页插件的原理、实现方式以及如何在实际项目中应用。 分页是网页设计中常见的功能,特别是在数据量大的...

    jQuery的分页插件Page代码

    "Page"是这样一个插件,它为开发者提供了简单的API来实现动态分页功能。下面我们将深入探讨jQuery分页插件Page的使用方法以及其在实际项目中的应用。 首先,`index.html`文件通常包含了一个演示如何使用Page插件的...

Global site tag (gtag.js) - Google Analytics