15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 js

html 静态分页

孙正萌| 发布于 2022-09-24 15:45:02| 634阅读| 0点赞| 0评论
举报


<ul id="all">  
        <li>第1集li>  
        <li>第2集li>  
        <li>第3集li>  
        <li>第4集li>  
        <li>第5集li>  
        <li>第6集li>  
        <li>第7集li>  
        <li>第8集li>  
        <li>第9集li>  
        <li>第10集li>                   
    ul>  
    <div class="page"><span id="a2">span>/<span id="a1">span>页<span id="a3">span> <a href="#" onClick="change(--pageno)">上一页a><a href="#" onClick="change(++pageno)">下一页a>div>  



<script>  
        var a = document.getElementById("all").getElementsByTagName("li");  
        var zz =new Array(a.length);  
        for(var i=0;i //div的字符串数组付给zz  
        var pageno=1 ;              //当前页  
        var pagesize=5;            //每页多少条信息  
        if(zz.length%pagesize==0){  
            var  pageall =zz.length/pagesize ;  
        }else{  
            var  pageall =parseInt(zz.length/pagesize)+1;    
        }   //一共多少页       
          
        function change(e){  
            pageno=e;  
            if(e<1){ //如果输入页<1页  
                e=1;pageno=1;//就等于第1页 , 当前页为1  
            }  
            if(e>pageall){  //如果输入页大于最大页  
                e=pageall;pageno=pageall; //输入页和当前页都=最大页  
            }  
            document.getElementById("all").innerHTML=""//全部清空  
                for(var i=0;ivar div =document.createElement("li")//建立div对象  
                    div.innerHTML=zz[(e-1)*pagesize+i]//建立显示元素  
                    document.getElementById("all").appendChild(div)//加入all中   
                    if(zz[(e-1)*pagesize+i+1]==null) break;//超出范围跳出  
                }  
            var ye="";  
            for(var j=1;j<=pageall;j++){  
                if(e==j){  
                    ye=ye+""+j+" "  
                }else{  
                    ye=ye+""+j+" "  
                }  
            }  
            document.getElementById("a1").innerHTML=pageall;  
            document.getElementById("a2").innerHTML=pageno;  
            document.getElementById("a3").innerHTML=ye;  
        }  
        change(1);  
    script>  


0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

孙正萌
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部