这是我早先得到的一段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. redis接入sentinelPool的配置

    package com.netease.mobile.commonUtil; import java.util.ArrayList; import java.util.HashSet; import ...

  2. Python [Leetcode 121]Best Time to Buy and Sell Stock

    题目描述: Say you have an array for which the ith element is the price of a given stock on day i. If you ...

  3. 【转】DB2 常用命令

    1. 打开命令行窗口  #db2cmd 2. 打开控制中心  # db2cmd db2cc 3. 打开命令编辑器  db2cmd db2ce =====操作数据库命令===== 4. 启动数据库实例  ...

  4. 【转】搭建Python的Eclipse开发环境之安装PyDev插件--离线安装

    原文网址:http://blog.csdn.net/wangpingfang/article/details/7181223 使用update site安装pydev插件 注意:该安装指南针对ecli ...

  5. C++类构造函数初始化列表

    C++类构造函数初始化列表 构造函数初始化列表以一个冒号开始,接着是以逗号分隔的数据成员列表,每个数据成员后面跟一个放在括号中的初始化式.例如: class CExample {public:     ...

  6. AutoCompleteTextView不能使用的问题

    AutoCompleteTextView按照网络上的方法写之后不能使用 解决方法: android:layout_width="fill_parent" 而不能是wrap_pare ...

  7. HDU 5137 How Many Maos Does the Guanxi Worth

    How Many Maos Does the Guanxi Worth Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 512000/5120 ...

  8. 【LeetCode 236】Lowest Common Ancestor of a Binary Tree

    Given a binary tree, find the lowest common ancestor (LCA) of two given nodes in the tree. According ...

  9. LR之录制SQL脚本

    1.选择协议 ①MS SQL serve ②ODBC 一般情况下选ODBC 2.录制步骤

  10. CSS学习进度备忘

    书签:“CSS 高级”跳过:另外跳过的内容有待跟进 __________________ 学习资源:W3School. _________________ 跳过的内容:1.“CSS id 选择器”的“ ...