简单分页
来源:互联网 发布:淘宝店铺名片 编辑:程序博客网 时间:2024/05/16 01:52
function subbarPageKey_QF2(cuurentPage,maxPage){
var page_Size = 10;
var html_subbarpage = '<div id="subbarpage" class="sub_title_bar in_dialog" style="float: right; padding-right: 20px;;">';
html_subbarpage += '<li id="countRule_Saved_Groupsend">';
html_subbarpage += '<div class="grayr">';
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+1+','+page_Size+','+maxPage+')"> 首页 </a>';
if((cuurentPage-1)>0){
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+(cuurentPage-1)+','+page_Size+','+maxPage+')">< </a>';
}else{
html_subbarpage += '<a href="javascript:void(0)">< </a>';
}
//规定最多可以显示5页 多余的不显示
for(var i=1;i<=maxPage;i++){
//注释
if((cuurentPage)==i){
html_subbarpage += '<a class="actives paging_'+i+'" href="javascript:void(0)" onclick="pageChangeQF2('+i+','+page_Size+','+maxPage+')"> '+i+' </a>';
}else{
html_subbarpage += '<a class="paging_'+i+'" href="javascript:void(0)" onclick="pageChangeQF2('+i+','+page_Size+','+maxPage+')"> '+i+' </a>';
}
}
if((cuurentPage)<maxPage){
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+(parseInt(cuurentPage)+1)+','+page_Size+','+maxPage+')">> </a>';
}else{
html_subbarpage += '<a href="javascript:void(0)" >> </a>';
}
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+maxPage+','+page_Size+','+maxPage+')"> 末页 </a>';
html_subbarpage += '</div></li>';
html_subbarpage +='</div>';
if(maxPage>5){
if(cuurentPage>2&&(maxPage-cuurentPage)>2){
//alert("去两端");
for(var j=1;j<(cuurentPage-2);j++){//此循环去掉cuurentpage前两个 前面的所有
$(".paging_"+j).replaceWith("");
}
for(var k=cuurentPage+2+1;k<=maxPage;k++){
$(".paging_"+k).replaceWith("");
}
}else if(cuurentPage>2&&(maxPage-cuurentPage)<=2){
//alert("去头");
for(var m=1;m<=(maxPage-5);m++){
$(".paging_"+m).replaceWith("");
}
}else if(cuurentPage<=2&&(maxPage-cuurentPage)>2){
//alert("去屁股"+cuurentPage+"///"+maxPage);
for(var n=5+1;n<=maxPage;n++){
$(".paging_"+n).replaceWith("");
}
}
}
}
function pageChangeQF2(currentPage,page_size,maxPage){
var pageindex = currentPage;
var pagesize = page_size;
var ghUser = $("#ghUser").val();
articles02(currentPage);
}
//具体样式自己可以用css控制,我的效果看图片
var page_Size = 10;
var html_subbarpage = '<div id="subbarpage" class="sub_title_bar in_dialog" style="float: right; padding-right: 20px;;">';
html_subbarpage += '<li id="countRule_Saved_Groupsend">';
html_subbarpage += '<div class="grayr">';
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+1+','+page_Size+','+maxPage+')"> 首页 </a>';
if((cuurentPage-1)>0){
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+(cuurentPage-1)+','+page_Size+','+maxPage+')">< </a>';
}else{
html_subbarpage += '<a href="javascript:void(0)">< </a>';
}
//规定最多可以显示5页 多余的不显示
for(var i=1;i<=maxPage;i++){
//注释
if((cuurentPage)==i){
html_subbarpage += '<a class="actives paging_'+i+'" href="javascript:void(0)" onclick="pageChangeQF2('+i+','+page_Size+','+maxPage+')"> '+i+' </a>';
}else{
html_subbarpage += '<a class="paging_'+i+'" href="javascript:void(0)" onclick="pageChangeQF2('+i+','+page_Size+','+maxPage+')"> '+i+' </a>';
}
}
if((cuurentPage)<maxPage){
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+(parseInt(cuurentPage)+1)+','+page_Size+','+maxPage+')">> </a>';
}else{
html_subbarpage += '<a href="javascript:void(0)" >> </a>';
}
html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+maxPage+','+page_Size+','+maxPage+')"> 末页 </a>';
html_subbarpage += '</div></li>';
html_subbarpage +='</div>';
if(maxPage>1){
$("#subbarpage").replaceWith(html_subbarpage);
}else{
$(".grayr").replaceWith('');
}
if(maxPage>5){
if(cuurentPage>2&&(maxPage-cuurentPage)>2){
//alert("去两端");
for(var j=1;j<(cuurentPage-2);j++){//此循环去掉cuurentpage前两个 前面的所有
$(".paging_"+j).replaceWith("");
}
for(var k=cuurentPage+2+1;k<=maxPage;k++){
$(".paging_"+k).replaceWith("");
}
}else if(cuurentPage>2&&(maxPage-cuurentPage)<=2){
//alert("去头");
for(var m=1;m<=(maxPage-5);m++){
$(".paging_"+m).replaceWith("");
}
}else if(cuurentPage<=2&&(maxPage-cuurentPage)>2){
//alert("去屁股"+cuurentPage+"///"+maxPage);
for(var n=5+1;n<=maxPage;n++){
$(".paging_"+n).replaceWith("");
}
}
}
}
function pageChangeQF2(currentPage,page_size,maxPage){
var pageindex = currentPage;
var pagesize = page_size;
var ghUser = $("#ghUser").val();
articles02(currentPage);
}
//具体样式自己可以用css控制,我的效果看图片
0 0
- 简单分页
- 简单分页
- 简单分页
- 简单分页
- 简单分页
- 简单分页
- 简单分页
- 简单分页
- 简单的分页代码
- 简单的分页类
- 一个简单的分页
- 一个简单的分页
- ASP.NET简单分页
- Struts简单分页显示
- AspNetPager分页简单应用
- JSP+mysql简单分页
- hibernate简单分页
- 简单分页存储过程
- 预防XSS漏洞攻击
- R实现分类树
- 用C/C++开发基于VLC SDK的视频播放器
- N-Queens
- cena评测系统:自定义校验器(浮点误差)
- 简单分页
- Android的权限permission【转】
- nmon 安装及使用
- 登上泰山,只为让自己看的更远
- NSUserDefaults的使用
- MFC线条选择组合框
- JNDI的本质及作用
- 直接查询索引,将想要的字段写入csv文件
- 电位器和可调电阻