首頁 > 後端開發 > php教程 > listview分頁 JS實作php的偽分頁

listview分頁 JS實作php的偽分頁

WBOY
發布: 2016-07-29 08:38:03
原創
929 人瀏覽過

JS程式碼如下:

複製程式碼 程式碼如下:


資料量 
var total="100"; 
//每頁的顯示量 
var pagesize=10; 
//共有多少頁 
var pagenum=Math. /pagesize); 
//產生導覽 
function initpage(nowpage){ 
 var pagenav=''; 
 for(i=1;i  pagenav += (i==nowpage)?'' + i + ' span>':'
' + i + ' ';  '下一頁'; 
 document.getElementById('pages').innerHTML=pagenav; 

//翻頁 
function goToPage(page){ 
 var start=(page-1)*pagesize; 
 var max=page*pagesize; 
 for(vs=0vsmax=page*pagesize; 
 for(vs  var ōbj=document.getElementById('item_' + vs); 
  obj.style.display="none"; 
 @> ; 
 for(v=start;v  var ōbj=document.getElementById('item_' + v);   } 
 initpage(page); 

//上一頁 
function up(nowpage){ 
 if(nowpage==1)return false; 1)goToPage((nowpage-1)); 

//下一頁 
function down(nowpage){ 
 if(nowpage==pagenum)return false; 
 if(nowpage==pagenum)return false; 
 if(now nowpage
īpt> 
  


如果資料是


如果資料是

  • .........

  • .......... .
  • ........

  • 那麼就可以顯示出一個類似這樣的導航:
    上一頁 1 2 3 4 下一頁
    然後點擊頁數或上下頁就可以切換顯示了.
     
    時間比較倉促,就說這麼多了,大家自己分析代碼,有不明白的請留言

    以上就介紹了listview分頁 JS實作php的偽分頁,包含了listview分頁方面的內容,希望對PHP教學有興趣的朋友有所幫助。

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板