jquery自动生成分页控件 - pagetest.js
/* pagenum:当前页数
theallnum:总条数
themeiye:每页显示多少条 */ function pagetest(pagenum, theallnum, themeiye) {
$("#pages").html("");
var allnum = theallnum; //总页数
var meiye = themeiye; //每页显示条数
var xsnumber = ;
var cjnum = Math.ceil(allnum / meiye);
var str = "";
var activepage = pagenum;
var prevpage = parseInt(activepage) - ;
var nextpage = parseInt(activepage) + ; if (activepage != ) {
str = '<a data-href="' + prevpage + '">上一页</a>'
}
if (cjnum > ) {
if (pagenum > ) {
if (pagenum + < cjnum) {
for (var i = pagenum - (xsnumber - ) ; i <= pagenum + (xsnumber - ) ; i++) {
loadpage(i);
}
str += "...";
str += '<a data-href="' + cjnum + '">' + cjnum + '</a>';
}
else {
for (var j = ; j <= activepage - (cjnum - (xsnumber - )) ; j++) {
loadpage(j);
}
str += '<span>...</span>';
for (var i = activepage - ; i <= cjnum; i++) {
loadpage(i);
}
}
}
else {
for (var i = ; i < xsnumber; i++) {
loadpage(i);
}
str += '<span>...</span>';
str += '<a data-href="' + cjnum + '">' + cjnum + '</a>';
} if (activepage != cjnum) {
str += '<a data-href="' + nextpage + '">下一页</a>'
};
$("#pages").append(str);
}
else {
for (var i = ; i <= cjnum; i++) {
loadpage(i);
}
if (activepage != cjnum) {
str += '<a data-href="' + nextpage + '">下一页</a>'
console.log(nextpage)
};
$("#pages").append(str);
//countMaxH();
}
function loadpage(i) {
i == activepage ? str += '<a class="active" data-href="' + i + '">' + i + '</a>' : str += '<a data-href="' + i + '">' + i + '</a>';
} };
jquery自动生成分页控件 - pagetest.js的更多相关文章
- 日积月累系列之分页控件(js源码)
最近开发了一款分页控件,分享给大家. 主要功能和界面介绍 cform分页控件支持服务端分页.客户端分页.数据过滤.数据排序等功能. 源码介绍 cform-pager分页控件主要由三部分组成:css.s ...
- jquery 自动补全控件(支持IE6)待整理
自动补全控件(兼容IE6):http://bassistance.de/ download地址:http://jquery.bassistance.de/autocomplete/jquery.aut ...
- 纯手写分页控件CSS+JS+SQL
Asp.net中虽然用DataPager配合ListView可以实现分页显示,但是有时候由于开发环境等问题不能用到DataPager控件,那么自己手工写一个分页控件就很有必要了,当然,最重要的是通用性 ...
- 福利到~分享一个基于jquery的智能提示控件intellSeach.js
一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户 ...
- 一个基于jquery的智能提示控件intellSeach.js
一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户 ...
- jQuery 自定义插件 (分页控件)
1.引入jqpage.js 2.html代码 <div id="page"> </div> 3.js 调用 $(function () { $.fn.jqp ...
- 仿淘宝分页按钮效果简单美观易使用的JS分页控件
分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码 附件中有完整例子的压缩包下载.已更新到最新版本 先看效果图: 01输入框焦点效果 ...
- jQuery控件之分页控件-- kkpager v1.3使用简介
js分页展示控件,传入简单参数就能使用的分页效果控件 在线测试链接: http://pgkk.github.io/kkpager/example/pager_test.html http://pgkk ...
- 基于avalon+jquery做的bootstrap分页控件
刚开始学习avalon,项目需要就尝试写了个分页控件Pager.js:基于BootStrap样式这个大家都很熟悉 在这里推荐下国产前端神器avalon:确实好用,帮我解决了很多前端问题. 不多说了,代 ...
随机推荐
- The 50 Most Essential Pieces of Classical Music
1. Die Zauberflöte ("The Magic Flute"), K. 620: Overture London Philharmonic Orchestra 7:2 ...
- JS 原型链图形详解
JS原型链 这篇文章是「深入ECMA-262-3」系列的一个概览和摘要.每个部分都包含了对应章节的链接,所以你可以阅读它们以便对其有更深的理解. 对象 ECMAScript做为一个高度抽象的面向对象语 ...
- ofbiz进阶之实体引擎配置文件
The Open For Business Project: Entity Engine Configuration Guide 原文链接:http://ofbiz.apache.org/docs/e ...
- iOS 基础 第五天(0811)
0811 ARC ARC判断准则:只要没有强指针指向对象,就会释放对象 指针 指针分两种: 强指针:默认情况下,搜有的指针都是强指针 弱指针:week修饰(一个是控件,一个是delegate代理) 循 ...
- 获取不变的UDID-b
iOS唯一标识的历史历程 iOS 6.0 在iOS6.0以前,是使用uniqueIdentifier来获取手机的唯一标识,后来苹果感觉这样会泄露用户隐藏,就封掉了这个方法: iOS 6.0系统新增了两 ...
- CROSS APPLY和 OUTER APPLY 区别
转 http://www.cnblogs.com/end/archive/2011/02/17/1957011.html FROM employees AS e join employee ...
- java对象数组
问题描述: java 对象数组的使用 问题解决: 数组元素可以是任何类型(只要所有元素具有相同的类型) 数组元素可以是基本数据类型 数组元素也可以是类对象,称这样的数组为对象数组.在这种情况下 ...
- 下一代Jquery模板-----JsRender
在ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender中提到了JsRender.JsRedner和JsViews(JsViews是再JsRender基础 ...
- 搭建 Android 开发环境,初试HelloWorld (win7) (上) (转)
搭建Android开发环境主要有以下几步要做: 1.JDK安装 2.Eclipse安装 3.Android SDK安装 4.ADT安装 5.创建AVD 1.JDK(Java Development K ...
- hdu 4662
将U全部转化为I 因为 I 的个数一定是2的n次方 有可能消除了一定数量的 2U 所以I的个数加上一个6的整数倍是2的n次方 #include <iostream> #includ ...