JavaScript实现的分页(样式1)
2007-10-02 13:18
330 查看
自己写的一个JavaScript的分页函数,这个是第一个样式。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<strong>分页:</strong><br /><br />
<script language="javascript">...
/**//*
* 函数:Pagination(RCount,PageSize,CurPage,QString)
* 说明:计算分页信息
* 作者:lg970044
* 输入:
* @参数 {Number}RCount 总的记录个数
* @参数 {Number}PageSize 页面的最大记录个数
* @参数 {Number}CurPage 当前页数
* @参数 {String}QString 链接的查询字符串
* #参数 {String}RUnit 记录的单位
* 输出:
* @参数 {String}PaginationString 包含分页信息的字符串
*/
function Pagination(RCount,PageSize,CurPage,QString)...{
//默认参数RUnit(记录的单位)设为 "个"
var RUnit=arguments[4]?arguments[4]:"个";
var PaginationString="";
var PCount;
//取得当前页数
if (CurPage=="" || CurPage==0 || CurPage==null)...{CurPage=1;}
//对查询字符串进行补充
if (QString=="?")...{QString="";}
if (QString.indexOf("?")==-1)...{QString+="?";}else...{QString+="&";}
RCount=parseInt(RCount);
PageSize=parseInt(PageSize);
CurPage=parseInt(CurPage);
//计算出总页数
if (RCount%PageSize==0)...{
PCount=parseInt(RCount/PageSize);
}else...{
PCount=parseInt(RCount/PageSize)+1
}
//当传递的当前页数比总页数大时,使当前页数等于总页数
if (CurPage>PCount)...{CurPage=PCount;}
//组成分页信息的字符串
PaginationString+="共<strong>"+PCount+"</strong>"+RUnit+" ";
if (CurPage<2)
...{
PaginationString+="首页 上一页 ";
}else...{
PaginationString+="<a href='"+QString+"page=1'>首页</a> <a href='"+QString+"page="+(CurPage-1)+"'>上一页</a> ";
}
if (PCount-CurPage<1)
...{
PaginationString+="下一页 尾页";
}else...{
PaginationString+="<a href='"+QString+"page="+(CurPage+1)+"'>下一页</a> <a href='"+QString+"page="+PCount+"'>尾页</a>";
}
PaginationString+=" 页次:<strong style='color:red'>"+CurPage+"</strong>/<strong>"+PCount+"</strong>页 <strong>"+PageSize+"</strong>"+RUnit+"/页 ";
PaginationString+="转到:<select onchange="javascript:window.location='"+QString+"page='+this.options[this.selectedIndex].value;">";
for (var i=1;i<=PCount;i++)
...{
if (i==CurPage)
...{
PaginationString+="<option value='"+i+"' selected>第"+i+"页</option>";
}else...{
PaginationString+="<option value='"+i+"'>第"+i+"页</option>";
}
}
PaginationString+="</select>";
return PaginationString;
}
</script>
示例1:
<script language = "JavaScript">...
document.write(Pagination(365,20,9,""));
</script>
<br /><br />
示例2:
<script language = "JavaScript">...
document.write(Pagination(105,20,1,"?id=110","篇"));
</script>
<br /><br />
详细内容见:http://www.qlolo.com/?m=pc&a=page_fh_diary&target_c_diary_id=875
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<strong>分页:</strong><br /><br />
<script language="javascript">...
/**//*
* 函数:Pagination(RCount,PageSize,CurPage,QString)
* 说明:计算分页信息
* 作者:lg970044
* 输入:
* @参数 {Number}RCount 总的记录个数
* @参数 {Number}PageSize 页面的最大记录个数
* @参数 {Number}CurPage 当前页数
* @参数 {String}QString 链接的查询字符串
* #参数 {String}RUnit 记录的单位
* 输出:
* @参数 {String}PaginationString 包含分页信息的字符串
*/
function Pagination(RCount,PageSize,CurPage,QString)...{
//默认参数RUnit(记录的单位)设为 "个"
var RUnit=arguments[4]?arguments[4]:"个";
var PaginationString="";
var PCount;
//取得当前页数
if (CurPage=="" || CurPage==0 || CurPage==null)...{CurPage=1;}
//对查询字符串进行补充
if (QString=="?")...{QString="";}
if (QString.indexOf("?")==-1)...{QString+="?";}else...{QString+="&";}
RCount=parseInt(RCount);
PageSize=parseInt(PageSize);
CurPage=parseInt(CurPage);
//计算出总页数
if (RCount%PageSize==0)...{
PCount=parseInt(RCount/PageSize);
}else...{
PCount=parseInt(RCount/PageSize)+1
}
//当传递的当前页数比总页数大时,使当前页数等于总页数
if (CurPage>PCount)...{CurPage=PCount;}
//组成分页信息的字符串
PaginationString+="共<strong>"+PCount+"</strong>"+RUnit+" ";
if (CurPage<2)
...{
PaginationString+="首页 上一页 ";
}else...{
PaginationString+="<a href='"+QString+"page=1'>首页</a> <a href='"+QString+"page="+(CurPage-1)+"'>上一页</a> ";
}
if (PCount-CurPage<1)
...{
PaginationString+="下一页 尾页";
}else...{
PaginationString+="<a href='"+QString+"page="+(CurPage+1)+"'>下一页</a> <a href='"+QString+"page="+PCount+"'>尾页</a>";
}
PaginationString+=" 页次:<strong style='color:red'>"+CurPage+"</strong>/<strong>"+PCount+"</strong>页 <strong>"+PageSize+"</strong>"+RUnit+"/页 ";
PaginationString+="转到:<select onchange="javascript:window.location='"+QString+"page='+this.options[this.selectedIndex].value;">";
for (var i=1;i<=PCount;i++)
...{
if (i==CurPage)
...{
PaginationString+="<option value='"+i+"' selected>第"+i+"页</option>";
}else...{
PaginationString+="<option value='"+i+"'>第"+i+"页</option>";
}
}
PaginationString+="</select>";
return PaginationString;
}
</script>
示例1:
<script language = "JavaScript">...
document.write(Pagination(365,20,9,""));
</script>
<br /><br />
示例2:
<script language = "JavaScript">...
document.write(Pagination(105,20,1,"?id=110","篇"));
</script>
<br /><br />
详细内容见:http://www.qlolo.com/?m=pc&a=page_fh_diary&target_c_diary_id=875
相关文章推荐
- JavaScript实现的分页(样式2)
- c#实现google样式的分页
- javascript实现瀑布流效果及图片加载样式
- c#实现google样式的分页
- Javascript实现分页
- javascript+css 网页每次加载不同样式的实现方法
- php实现google样式的分页
- JavaScript实现前端分页控件
- 原生javascript实现分页效果+搜索功能
- GridView分页的实现,自己定义的分页样式功能
- sharepoint2010列表的分页实现迅雷样式效果
- 一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现
- 纯JavaScript实现的分页插件实例
- 基于jQuery ligerUI实现分页样式
- JavaScript插入动态样式实现代码
- JavaScript插入动态样式实现代码
- 配合ckEditor分页标签,用javascript编写分页函数,实现文章内容分页
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM 利用样式实现元素移动位置
- JavaScript DOM中 改变样式属性,实现动画效果