转载:http://
blog.163.com/xiaoou521%40126/blog/static/6341069420121245254188/
jquery分页插件—Smart Paginator
2012-02-24 17:26:39| 分类: jQuery | 标签:jquery分页插件 |举报|字号 订阅
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;
}
相关推荐
jQuery分页插件(实例详尽,简单易用
NULL 博文链接:https://jxdwuao.iteye.com/blog/714691
Bootstrap Paginator是一款基于Bootstrap的js分页插件,功能很丰富,个人觉得这款插件已经无可挑剔了,感兴趣的朋友跟着脚本之家小编一起学习吧
NULL 博文链接:https://wang-ping001.iteye.com/blog/1918031
这个是bootstrap的一个分页插件,具体的使用方法在我的博客,使用比较简单方便
jq-paginator一款快速实现分页的插件
主要介绍了jquery分页插件jpaginate不兼容ie的问题,需要的朋友可以参考下
bootstrap-paginator-master.zip 分页实现源代码。
Bootstrap Paginator分页插件下载地址: DownloadVisit Project in GitHub 1.这是需要分页的页面放的 js函数: <span xss=removed>function paging(page){ $.ajax({ type: "GET", url: "${ctx}/api/v1/user/1/"+...
Date Paginator 是 Twitter 引导的日期分页 jQuery 插件。在应用程序中创建了一种基于结果的分页日期内容显示。
分享一个php分页程序paginator程序代码,函数1:根据总页数,当前页,和页分组及url产生分页导航,分页函数参数列表(有多少页,当前页,每页多少个 ,链接地址)。函数2:根据记录数,页列清数,$page,当前页;$row_num记录...
Bootstrap Paginator是一款基于Bootstrap和jQuery的分页组件。可以让我们方便的构建分页应用。
首先便是要下载Bootstrap Paginator了,下载地址:Bootstrap Paginator分页插件 首先视图的上面应该需要引入js和css文件,主要有三个文件,分别是bootstrap的css,jquery以及Paginator的js文件。其中网上搜到,貌似...
bootstrap分页组件,bootstrap-paginator,可以轻松实现bootstrap风格的分页效果,欢迎下载
一个php分页程序paginator程序代码,函数1:根据总页数,当前页,和页分组及url产生分页导航,分页函数参数列表(有多少页,当前页,每页多少个 ,链接地址)。函数2:根据记录数,页列清数,$page,当前页;$row_num记录总数;...
Bootstrap Paginator是一款基于Bootstrap的js分页插件,下面通过本文给大家介绍bootstrap paginator分页插件的两种使用方式,一起看看吧
bootstarp-paginatorf分页插件,提供大家使用,测试过没问题
本文实例讲述了bootstrap-table后端分页功能。分享给大家供大家参考,具体如下: 使用bootstrap-table实现后台分页 插件资源点击此处本站下载。 引用以下css <link rel="stylesheet" href="../plugins/...