HTML 代碼上海網站制作公司<ul id="all"><li>上海網頁設計公司</li><li>上海網站制作公司</li><li>上海網站制作需要多(duō)少錢</li><l
HTML 代碼
上海網站制作公司
<ul id="all"><li>上海網頁設計公司</li><li>上海網站制作公司</li><li>上海網站制作需要多(duō)少錢</li><li>上海網站設計哪家強</li><li>上海網站制作需要多(duō)少錢</li><li>上海網頁設計多(duō)少錢</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)">下(xià)一頁</a></div>
JS 代碼
<script> var a = document.getElementById("all").getElementsByTagName("li"); var zz =new Array(a.length); for(var i=0;i <a.length;i++){ zz[i]=a[i].innerHTML; } //div的(de)字符串數組付給zz var pageno=1 ; //當前頁 var pagesize=9; //每頁多(duō)少條信息 if(zz.length%pagesize==0){ var pageall =zz.length/pagesize ; }else{ var pageall =parseInt(zz.length/pagesize)+1; } //一共多(duō)少頁 function change(e){ pageno=e; if(e<1){ //如果輸入頁<1頁 e=1;pageno=1;//就等于第1頁 , 當前頁爲1 } if(e>pageall){ //如果輸入頁大(dà)于最大(dà)頁 e=pageall;pageno=pageall; //輸入頁和(hé)當前頁都=最大(dà)頁 } document.getElementById("all").innerHTML=""//全部清空 for(var i=0;i<pagesize;i++){ var div =document.createElement("li")//建立div對(duì)象 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+"<span><a href='#' onClick='change("+j+")' style='color:#FF0000'>"+j+"</a></span> " }else{ ye=ye+"<a href='#' onClick='change("+j+")'>"+j+"</a> " } } document.getElementById("a1").innerHTML=pageall; document.getElementById("a2").innerHTML=pageno; document.getElementById("a3").innerHTML=ye; } change(1);</script>