【vue 小程序源码】【vb文件搜索源码】【俩线距离源码】paginator源码笔记-皮皮网

【vue 小程序源码】【vb文件搜索源码】【俩线距离源码】paginator源码笔记

时间：2024-11-29 02:28:14 来源：支付系统架构源码作者：快手播放源码

1.asp.net 分页代码首页上一页 1 2 3 4 5 >> …… 30 下一页尾页

paginator源码笔记

asp.net 分页代码首页上一页 1 2 3 4 5 >> …… 30 下一页尾页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>仿豆瓣分页原型（Javascript版）</title>

/* Paginator */

.paginator {

font: .8px normal Arial, Helvetica, sans-serif;

color: #;

margin-top: px;

margin-bottom: 5px;

line-height: %;

background-color: #EEFFEE;

text-align: center;

}

.paginator a, .thispage, .break {

padding: 2px 4px;

}

.paginator .prev {

margin-right: px;

}

.paginator .next {

margin-left: px;

}

.paginator .count {

margin-left: px;

font-size: px;

}

</style>

</head>

<body>

function QueryString(item){

var sValue=location.search.match(new RegExp("[\?\&]"+item+"=([^\&]*)(\&?)","i"))

return sValue?sValue[1]:sValue

}

var count = ;

var perpage = ;

var currentpage = QueryString("page");

if (currentpage==null){

currentpage = 1;

}else{

currentpage = parseInt(currentpage);

}

var pagecount = Math.floor(count/perpage);

if(perpage*pagecount!=count)pagecount++;

var pagestr = "";

var breakpage = 9;

var currentposition = 4;

var breakspace = 2;

var maxspace = 4;

var prevnum = currentpage-currentposition;

var nextnum = currentpage+currentposition;

if(prevnum<1) prevnum = 1;

if(nextnum>pagecount) nextnum = pagecount;

pagestr += (currentpage==1)?'<span class="prev">< 前页</span>':'<span class="prev">< <a href="?page='+(currentpage-1)+'">前页</a></span>';

if(prevnum-breakspace>maxspace){

for(i=1;i<=breakspace;i++)

pagestr += '<a href="?page='+i+'">'+i+'</a>';

pagestr += '<span class="break">...</span>';

for(i=pagecount-breakpage+1;i<prevnum;i++)

pagestr += '<a href="?page='+i+'">'+i+'</a>';

}else{

for(i=1;i<prevnum;i++)

pagestr += '<a href="?page='+i+'">'+i+'</a>';

}

for(i=prevnum;i<=nextnum;i++){

pagestr += (currentpage==i)?'<span class="thispage">'+i+'</span>':'<a href="?page='+i+'">'+i+'</a>';

}

if(pagecount-breakspace-nextnum+1>maxspace){

for(i=nextnum+1;i<=breakpage;i++)

pagestr += '<a href="?page='+i+'">'+i+'</a>';

pagestr += '<span class="break">...</span>';

for(i=pagecount-breakspace+1;i<=pagecount;i++)

pagestr += '<a href="?page='+i+'">'+i+'</a>';

}else{

for(i=nextnum+1;i<=pagecount;i++)

pagestr += '<a href="?page='+i+'">'+i+'</a>';

}

pagestr += (currentpage==pagecount)?'<span class="next">后页 ></span>':'<span class="next"><a href="?page='+(currentpage+1)+'">后页</a> ></span>';

document.getElementById("pagebar").innerHTML = pagestr;

</script>

</body>

</html>

关键词：emr源码

【vue 小程序源码】【vb文件搜索 源码】【俩线距离源码】paginator源码笔记

热点关注

【vue 小程序源码】【vb文件搜索源码】【俩线距离源码】paginator源码笔记