JavaScript实现的分页(样式2)

原创 2007年10月02日 13:28:00

自己写的一个JavaScript的分页函数,这个是第二个样式。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<strong>分页:</strong><br /><br />



<script language="javascript">
/*
 * 函数:Pagination(RCount,PageSize,CurPage,ShowPage,QString)
 * 说明:计算分页信息
 * 作者:lg970044
 * 输入:
 * @参数 {Number}RCount        总的记录个数
 * @参数 {Number}PageSize    页面的最大记录个数
 * @参数 {Number}CurPage        当前页数
 * @参数 {Number}ShowPage    要显示的页数
 * @参数 {String}QString        链接的查询字符串
 * #参数 {String}RUnit        记录的单位
 * 输出:
 * @参数 {String}PaginationString    包含分页信息的字符串
 
*/

function Pagination(RCount,PageSize,CurPage,ShowPage,QString){
    
//默认参数RUnit(记录的单位)设为 "个"
    var RUnit=arguments[5]?arguments[5]:"";

    
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);
    ShowPage
=parseInt(ShowPage);
    
    
//计算出总页数
    if (RCount%PageSize==0){
        PCount
=parseInt(RCount/PageSize);
    }
else{
        PCount
=parseInt(RCount/PageSize)+1
    }

    
//当传递的当前页数比总页数大时,使当前页数等于总页数
    if (CurPage>PCount){CurPage=PCount;}


    
//组成分页信息的字符串
    var p;
    
if ((CurPage-1)%ShowPage==0
    
{
        p
=(CurPage-1)/ShowPage
    }

    
else
    
{
        p
=(((CurPage-1)-(CurPage-1)%ShowPage)/ShowPage)
    }

    PaginationString
+="共有<strong>"+RCount+"</strong>个&nbsp;&nbsp;共<strong>"+PCount+"</strong>页&nbsp;&nbsp;"
    
if (CurPage>1)
    
{            
        PaginationString
+="<a href=""+QString+"page=1" title="第一页"><img src="images/Pagination_First.gif" border="0"></a>";
    }

    
if (p*ShowPage > 0)
    
{
        PaginationString 
+="&nbsp;<a href=""+QString+"page="+p*ShowPage+"" title="上"+ShowPage+"页"><img src="images/Pagination_Previous.gif" border="0"></a>";
    }

    
if (PCount>0)
    
{
        
for (var i=p*ShowPage+1;i<p*ShowPage+ShowPage+1;i++)
        
{
            
if (i==CurPage)
            
{
                PaginationString
+="&nbsp;<B><font color="red">"+i+"</font></B>&nbsp;";
            }

            
else
            
{
                PaginationString
+="&nbsp;<a href=""+QString+"page="+i+"">"+i+"</a>&nbsp;";
            }

            
if (i==PCount) break;
        }

    }

    
if (i<PCount)
    
{
        PaginationString
+="&nbsp;<a href=""+QString+"page="+i+"" title="下"+ShowPage+"页"><img src="images/Pagination_Next.gif" border="0"></a>";
    }

    
if (CurPage<PCount)
    
{
        PaginationString
+="&nbsp;<a href=""+QString+"page="+PCount+"" title="尾页"><img src="images/Pagination_Last.gif" border="0"></a>";
    }

    PaginationString
+="&nbsp;&nbsp;<input type=text size=3 value=""+CurPage+"" onkeydown="if(event.keyCode==13){window.location='"+QString+"page='+this.value;return false;}">";


    
return PaginationString;
}

</script>





示例1:
<script language = "JavaScript">
document.write(Pagination(
1365,20,25,10,""));
</script>
<br /><br />

示例2:
<script language = "JavaScript">
document.write(Pagination(
1105,20,1,10,"?id=110",""));
</script>
<br /><br />

附:
images/Pagination_First.gif           
images/Pagination_Last.gif           
images/Pagination_Next.gif           
images/Pagination_Previous.gif       

详细内容见:http://www.qlolo.com/?m=pc&a=page_fh_diary&target_c_diary_id=878

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

ActivityGroup 实现分页和自定义标签(内有GridView的点击背景样式的改变方法)

我这里实现的是方法和这个帖子的主要差别的就是界面都是自定义的。这样可以实现很多美观的分页,新浪微博等的效果一样可以达到。上效果图如下: 可以看到下方的就是标签界面了,这是一个GridVIew。很多人...

listview实现分页效果(底部正在加载样式)

在现在app的listview中,我们可以看到很多数据下拉到底部,会出现正在加载的效果,然后再更新数据,最近自己也琢磨做一个,感觉其实还是很简单的,下面就是代码实现。 1.重写listvie...

AspNetPager实现真分页+多种样式

真假分页   分页是Web应用程序中最常用到的功能之一。当从数据库中获取的记录远远超过界面承载能力的时候,使用分页可以使我们的界面更加美观,更加的用户友好。分页包括两种类型:真分页和假分页。 其中假...

js实现简单百度分页和两种tab样式切换简单实现

1、分页 /* *分页 */ var size = data.count; //总页数 var spage = (page - 1) 0;p--){ first

JS-Demo2:JavaScript版TableGrid,表格头、分页表格冻结,表格头可拉动

上两天写了一个关于表格头可以拖动:JS-Demo1:JavaScript实现表格列拖动 这次在拖动的效果上,实现表格头冻结等。上图: 代码比较长,感兴趣的朋友,不妨复制看看 代码: ...

在JSP中使用Struts2标签分页 限制页码只显示10页 带分页算法 样式

之前做分页效果一直都是使用JS

纯JAVASCRIPT实现分页

23款-分页-样式

javascript实现表格分页

javascript实现表格分页                     原料库管理    function Page(iAbsolute,sTa...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)