`

jquery 分页插件 Smart Paginator

阅读更多

转载:http://

 blog.163.com/xiaoou521%40126/blog/static/6341069420121245254188/

jquery分页插件—Smart Paginator  

2012-02-24 17:26:39|  分类: jQuery |  标签:jquery分页插件  |举报|字号 订阅

 
 
1.如何使用Smart Paginator?
1.1引入以下几个文件

<scriptsrc="jquery-1.4.4.min.js"type="text/javascript"></script>  <script src="smartpaginator.js"type="text/javascript"></script>  <link href="smartpaginator.css"rel="stylesheet"type="text/css"/>


1.2添加一个分页容器层

<divid="smart-paginator"></div>


1.3初始化插件

$(document).ready(function(){        $('#smart-paginator').smartpaginator({ totalrecords:100, recordsperpage:10, initval:0,next:'Next', prev:'Prev', first:'First',last:'Last', theme:'green', onchange: onChange

});       function onChange(newPageValue){           alert(newPageValue);       }

可以看到想要初始化Smart Paginator,需要配置不少参数,接下来来看下这些主要参数的含义。


2.参数说明

 

 

3.自定义颜色模板

.green
{ background-color: #4f7305;
}
.green.normal
{  background-color: #588500;
  color: White;   border: solid 1px#5f9000;
}
.green.active
{   background-color: #344C00;  color: #F8EB00;
  border: solid 1px#5f9000;
}
.green .btn
{   background-color: #588500;
    color: White;
  border: solid 1px#5f9000;
}



 

  • 大小: 68.4 KB
分享到:
评论

相关推荐

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

    本篇文章将详细讲解如何使用jQuery分页插件来设置分页内容显示的数量。 首先,我们需要选择一个适合的jQuery分页插件。有许多开源的选项可供选择,例如jQuery Pagination Plugin、jQuery UI Paginator、Bootstrap-...

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

    jQuery分页插件是网页开发中常用的一种工具,它能够帮助开发者轻松地在大量数据中实现页面的分段展示,提高用户体验,同时减轻服务器负担。本文将深入探讨jQuery分页插件的工作原理、优势以及如何在实际项目中进行...

    JQuery Ajax 分页插件 jquery_paginator

    **jQuery Ajax 分页插件 jquery_paginator 知识点详解** 在Web开发中,当页面数据量过大时,为了提高用户体验和加载速度,通常会采用分页技术来展示数据。jQuery是一个广泛使用的JavaScript库,提供了丰富的功能来...

    JQuery分页插件。。。

    本篇文章将深入探讨jQuery分页插件的原理、使用方法以及如何利用`bootstrap-paginator`这一插件实现高效分页。 ### 1. jQuery分页插件的重要性 分页可以有效地管理大量数据,避免一次性加载过多内容导致页面响应变...

    jquery分页插件

    在网页开发中,jQuery分页插件是一种非常实用的工具,它可以帮助开发者轻松实现数据的分页展示,提高用户体验并优化页面加载速度。本篇文章将深入探讨jQuery分页插件的工作原理、类型以及如何选择和使用合适的插件。...

    jquery分页插件jqPaginator

    《jQuery分页插件jqPaginator深度解析》 在网页开发中,数据的分页展示是一项不可或缺的功能,尤其在处理大量数据时,它能提高页面加载速度,提升用户体验。jqPaginator.js便是这样一款专为jQuery设计的强大分页...

    jquery ajax分页插件

    比如,`bootstrap-paginator`、`jquery.twbsPagination`和`jquery.simple-pagination`都是广泛使用的jQuery分页插件,它们各有特点,开发者可以根据需求进行选择。 总的来说,jQuery AJAX分页插件是提升Web应用性能...

    PHP引入分页插件paginator

    PHP引入分页插件paginator phpstudy composer php基础小案例练习

    基于Bootstrap的Jquery分页

    3. **配置与使用**:使用jQuery分页插件时,首先需要在页面中引入Bootstrap和jQuery库,然后引入插件的JavaScript文件。接着,通过JavaScript代码设置分页器的配置,如总页数、每页显示数量、当前页数等,并绑定到...

    jQuery Bootstrap分页插件.zip

    《jQuery Bootstrap分页插件深度解析》 在Web开发领域,高效、美观的分页功能是必不可少的,尤其是在处理大量数据时。jQuery Bootstrap分页插件便是为了解决这一问题而生,它结合了jQuery的强大功能和Bootstrap的...

    mybatis 物理分页,借助于mybatis-paginator插件

    2. **配置MyBatis**:在MyBatis的配置文件中,添加mybatis-paginator的插件配置,启用该插件。 3. **编写Mapper接口和XML**:在Mapper接口和对应的XML文件中,使用mybatis-paginator提供的分页注解或标签,比如`@...

    Bootstrap分页插件之Bootstrap Paginator实例详解

    Bootstrap分页插件,顾名思义,是Bootstrap框架下用于实现分页功能的JavaScript插件,这款插件在前端开发中使用非常广泛,尤其是在需要动态分页显示数据的网站项目中。Bootstrap Paginator作为这款插件的一种,为...

    bootstrap-paginator分页插件

    Bootstrap Paginator是一款基于流行的前端框架Bootstrap开发的分页插件,旨在为网页数据展示提供美观、易用的分页功能。这个插件通过简洁的API和丰富的配置选项,使得在项目中集成分页变得轻松快捷。在本文中,我们...

    jquery分页

    jQuery社区中有许多优秀的分页插件,如`jQuery Pagination`、`bootstrap-paginator`、`jQuery.simplePagination`等。以`jQuery Pagination`为例,它的使用步骤通常如下: 1. 引入jQuery库和分页插件的JS/CSS文件。 ...

    jq-paginator分页插件

    jq-paginator就是这样一款专为jQuery设计的高效分页插件,它能够帮助开发者快速、简洁地实现页面上的数据分页。 **一、jq-paginator 插件的核心特性** 1. **轻量级**: jq-paginator体积小巧,仅依赖于jQuery库,不...

    jquery分页插件jpaginate在IE中不兼容问题

    知识点一:jquery分页插件jpaginate介绍 jquery分页插件jpaginate是一款用于网页实现分页功能的插件。通过使用这个插件,开发者可以轻松地在网页上添加分页功能,用户可以方便地在不同的页面间切换。这个插件的主要...

    JQuery分页组件实现代码.zip

    二是使用现成的JQuery插件,如jQuery Pagination Plugin、Bootstrap Paginator等。这些插件已经预设了样式和交互,只需简单配置即可使用。 5. **配置与使用**:在压缩包中的代码,你可能需要了解如何配置分页组件,...

    基于jQuery的分页组件-jqPaginator分页组件

    jqPaginator是一款基于jQuery的简洁、高度自定义的jQuery分页组件,适用于多种应用场景。 用法很简单,首先引入jQuery和jqPaginator,之后就可以初始化分页了 $('#id').jqPaginator({ totalPages: 100, ...

    jquery分页控件

    jQuery 分页插件有很多种,例如`jquery-pagination`、`bootstrap-paginator`等,它们通常都有以下特点: - **简单集成**:只需引入相关的JavaScript和CSS文件,通过简单的API调用即可快速实现分页功能。 - **高度可...

Global site tag (gtag.js) - Google Analytics