这是我早先得到的一段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. window下python 扩展库安装 使用第三方镜像源

    0.前言     由于python的官方镜像位于国外,若使用pip或者easy_install安装第三方插件时或许会被限制,甚至连easy_install或pip也无法安装,例如在windows环境下 ...

  2. source导入错码解决办法

    mysql -uroot -p --default-character-set=utf8 test < D:/bak/1.sql

  3. hihoCoder #1176 : 欧拉路·一 (简单)

    题意:给出n个岛,每个岛都有桥到达其他岛,且桥数可多可少(即使两岛有多桥),判断是否是欧拉路(即每条桥只能走一次,所有桥都能遍历1遍). 思路: 满足如下条件之一者即为欧拉路: 1.连通图,每个岛的度 ...

  4. Spark RDD操作(1)

    https://www.zybuluo.com/jewes/note/35032 RDD是什么? RDD是Spark中的抽象数据结构类型,任何数据在Spark中都被表示为RDD.从编程的角度来看,RD ...

  5. ecshop 在首页每个商品下显示已销售数量

    1.在includes/lib_goods.php文件末尾加入以下代码 function get_buy_sum($goods_id) { $sql = "select sum(goods_ ...

  6. 免费的WebService

    天气预报Web服务,数据来源于中国气象局 Endpoint :     http://www.webxml.com.cn/WebServices/WeatherWebService.asmx Disc ...

  7. SAS9.4 安装注意事项

    OS:Windows Server 2012 R2 SAS:9.4 TS1M1 SAS9.4的安装需要注意的地方: 一. 注意开启Shortname(装了N遍,最容易忘记的地方) SAS安装使用Sho ...

  8. linux各种查看端口号

    1.  查看端口占用情况的命令:lsof -i    [root@www ~]# lsof -i         COMMAND PID USER FD TYPE DEVICE SIZE NODE N ...

  9. python的subprocess无法进行通信(无法通过管道输入数据)的问题解决

    1.在主进程使用 p.stdin.write("something\n") 要有回车!要有回车!要有回车! 2.在子进程使用 data = raw_input() 读取数据,再用 ...

  10. Java把长整型时间转成字符串日期

    数据库里存放的是timestamp格式,前端取得后是这种:1436255550710长整型时间截转换成"2015-07-07"这种格式呢? import java.io.IOExc ...