这是我早先得到的一段JS代码,只需要修改一下开头的几个参数,就可以使用,不知道能否试用于静态页面呢,大家可以尝试一下

            <script language="javascript">
var obj, j;
var page = ;
var nowPage = ;//当前页
var listNum = ;//每页显示<ul>数
var PagesLen;//总页数
var PageNum = ;//分页链接接数(5个)
onload = function () {
obj = document.getElementById("pageshow").getElementsByTagName("li");
j = obj.length
PagesLen = Math.ceil(j / listNum);
upPage()
}
function upPage(p) {
nowPage = p
//内容变换
for (var i = ; i < j; i++) {
obj[i].style.display = "none"
}
for (var i = p * listNum; i < (p + ) * listNum; i++) {
if (obj[i]) obj[i].style.display = "block"
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
//分页链接变换
strS = '<a href="###" onclick="upPage(0)">首页</a> '
var PageNum_2 = PageNum % == ? Math.ceil(PageNum / ) + : Math.ceil(PageNum / )
var PageNum_3 = PageNum % == ? Math.ceil(PageNum / ) : Math.ceil(PageNum / ) +
var strC = "", startPage, endPage;
if (PageNum >= PagesLen) { startPage = ; endPage = PagesLen - }
else if (nowPage < PageNum_2) { startPage = ; endPage = PagesLen - > PageNum ? PageNum : PagesLen - }//首页
else { startPage = nowPage + PageNum_3 >= PagesLen ? PagesLen - PageNum - : nowPage - PageNum_2 + ; var t = startPage + PageNum; endPage = t > PagesLen ? PagesLen - : t }
for (var i = startPage; i <= endPage; i++) {
if (i == nowPage) strC += '<a href="###" style="color:red;font-weight:700;" onclick="upPage(' + i + ')">' + (i + ) + '</a> '
else strC += '<a href="###" onclick="upPage(' + i + ')">' + (i + ) + '</a> '
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
strE = ' <a href="###" onclick="upPage(' + (PagesLen - ) + ')">尾页</a> '
strE2 = nowPage + + "/" + PagesLen + "页" + " 共" + j + "条"
document.getElementById("changpage").innerHTML = strS + strC + strE + strE2
}
</script> <style type="text/css">
li
{
display: none;
}
</style>

补充一下在table表格里面,改变一下这几句话,就可以加上repeater一起使用了

//第一:
obj = $("tr[class='tContent']");//获取一下绑定循环的TR,并且加上class=tContent的属性
//第二:在表格里面使用display:block似乎会导致样式错乱,可以换成属性 if (obj[i]) obj[i].style.display = " table-row";
//关于 table-row",.W3C的解释如下:
此元素会作为一个表格行显示(类似 <tr>)。

希望对大家有帮助

ASP.NET的分页方法(四)的更多相关文章

  1. asp.net数据分页方法

    /// <summary> /// 数据分页方法 /// </summary> /// <param name="PageIndex">当前页& ...

  2. ASP.NET的分页方法(一)

    要做一个关于分页写法的专题,这是今天的第一讲,自制分页,可能有些代码需要优化,希望大家给出一些中肯的建议 前台使用的repeater绑定的数据: <form id="form1&quo ...

  3. ASP.NET的分页方法(二)

    第二讲主要使用到了常用的分页控件aspnetpager,这里对他就行一个简单的应用,具体大家可以到杨涛的博客上去寻找相关的DLL, 首先要先引用AspNetPager.dll,然后把这个DLL同时添加 ...

  4. ASP.NET的分页方法(三)

    第三讲是应用于MVC上面的分页,很多时候MVC要和EF表达式一起使用,但是我这个使用的最原始的ADO.NET,一样实现了这个效果.要实现这个效果首先要得到MvcPager.dll,引用之后,前台操作如 ...

  5. JavaWeb实现分页的四种方法

    一.借助数组进行分页 原理:进行数据库查询操作时,获取到数据库中所有满足条件的记录,保存在应用的临时数组中,再通过List的subList方法,获取到满足条件的所有记录. 实现: 首先在dao层,创建 ...

  6. SQL server分页的四种方法

    SQL server分页的四种方法 1.三重循环: 2.利用max(主键); 3.利用row_number关键字: 4.offset/fetch next关键字 方法一:三重循环思路  先取前20页, ...

  7. SQL server分页的四种方法(算很全面了)

      这篇博客讲的是SQL server的分页方法,用的SQL server 2012版本.下面都用pageIndex表示页数,pageSize表示一页包含的记录.并且下面涉及到具体例子的,设定查询第2 ...

  8. ASP.NET真分页_接前篇引用AspNetPager.dll进行数据分页

    一.前端准备工作 1.之前我写到过<Asp.net中引用AspNetPager.dll进行数据分页>  这种分页方式只能在前台将数据分页,而每次点击查询时对目标数据库还是全查询,这样不仅会 ...

  9. ASP.NET MVC Model验证(四)

    ASP.NET MVC Model验证(四) 前言 本篇主要讲解ModelValidatorProvider 和ModelValidator两种类型的自定义实现,前者是Model验证提供程序,而Mod ...

随机推荐

  1. OC 设计模式——单例模式

    单例模式的作用:可以保证在程序运行过程,一个类只有一个实例,而且这个实例易于供外界访问.永远只分配一次内存给这个类.由于在调用alloc方法的时候,都会调用allocWithZone,所以要重写这个方 ...

  2. cookie随便写的一点笔记(抄书的)

    cookie是保存在客户端的文本,能够在一定程度上提高用户体验.Servlet API 中提供了Cookie类,可以创建Cookie对象,并通过响应中的addCookie方法,将cookie保存到客户 ...

  3. HDU 5360 Hiking 登山 (优先队列,排序)

    题意: 有n个人可供邀请去hiking,但是他们很有个性,每个人都有个预期的人数上下限[Li,Ri],只有当前确定会去的人数在这个区间内他才肯去.一旦他答应了,无论人数怎样变更,他都不会反悔.问最多能 ...

  4. 20160130.CCPP体系详解(0009天)

    程序片段(01):hanoi.c+汉诺塔.c 内容概要:汉诺塔 ///hanoi.c #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> ...

  5. 【解题报告】zju-1145 Dreisam Equations

    原题地址:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=145 题目大意:在给定的等式右边数字之间加上加.减.乘运算符,使等式成 ...

  6. JVM——类加载器的双亲委派模型

    类加载器双亲委派模型,如下图所示: 双亲委派模型的工作过程 如果一个类加载器收到了类加载的请求,它首先不会自己去尝试加载这个类,而是把这个请求委派给父类加载器去完成,每一个层次的类加载器都是如此,因此 ...

  7. pthread_attr_t 线程属性(二)

    一.函数: 1.线程属性的初始化与销毁:#include <pthread.h>int pthread_attr_init(pthread_attr_t *attr);int pthrea ...

  8. JavaScript/jQuery 表单美化插件小结

    Niceforms Niceforms是一款独立的表单美化工具,当前版本为2.0 官方主页:http://www.emblematiq.com/lab/niceforms/ 官方演示:http://w ...

  9. 关于nginx upstream的几种配置方式

    平时一直依赖硬件来作load blance,最近研究Nginx来做负载设备,记录下upstream的几种配置方式. 第一种:轮询 upstream test{     server 192.168.0 ...

  10. html --- VML --- javascript --- 旋转矩形

    矢量标记语言 --- Vector Markup Language 运行它的代码需要打开IE的兼容性视图 如有疑问请参考:http://msdn.microsoft.com/en-us/library ...