JS實(shí)現(xiàn)當(dāng)前頁(yè)居中分頁(yè)效果的方法
更新時(shí)間:2015年06月18日 09:17:18 作者:瘋狂的流浪
這篇文章主要介紹了JS實(shí)現(xiàn)當(dāng)前頁(yè)居中分頁(yè)效果的方法,涉及javascript操作頁(yè)面元素與樣式的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)當(dāng)前頁(yè)居中分頁(yè)效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
function show_page(cur_pc) { var cp=cur_pc; //curent page count var tp=this.p; //total page count var sp=this.pc; //show page count var bp; //begin page count var ep; //end page count if(sp%2==0) sp=sp+1; //this process need an odd number var dp=Math.floor(sp/2); //each side count to show var dif=tp-sp; //check weather it have enough page to make mid-show var f=cp-dp; //to check weather it has enough page to make mid-show from the begin var g=tp-(cp+dp); //to check weather it has enough page to make mid-show from the end if(sp && dif>=0) { if(g>0) { if(f>0) { bp=f; ep=cp+dp; } else { bp=1; ep=2*dp+1; } } else { bp=tp-2*dp; ep=tp; } } else { bp=1; ep=tp; } var buf=[]; for(var i=bp;i<=ep;i++) { if(i==cur_pc) { buf.push("<a href='javascript:;' class='current'>",i,"</a>"); } else { buf.push("<a href='javascript:;' class='normal'>",i,"</a>"); } } document.write(buf); }
運(yùn)行效果如下圖所示:
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js前臺(tái)分頁(yè)顯示后端JAVA數(shù)據(jù)響應(yīng)
- 純js分頁(yè)代碼(簡(jiǎn)潔實(shí)用)
- javascript分頁(yè)代碼實(shí)例分享(js分頁(yè))
- js寫(xiě)的評(píng)論分頁(yè)(還不錯(cuò))
- js+css實(shí)現(xiàn)的簡(jiǎn)單易用兼容好的分頁(yè)
- 純js寫(xiě)的分頁(yè)表格數(shù)據(jù)為json串
- js對(duì)文章內(nèi)容進(jìn)行分頁(yè)示例代碼
- js分頁(yè)代碼分享
- jsp分頁(yè)顯示完整實(shí)例
- js分頁(yè)工具實(shí)例
- JS+CSS實(shí)現(xiàn)的拖動(dòng)分頁(yè)效果實(shí)例
- Jquery+Ajax+Json+存儲(chǔ)過(guò)程實(shí)現(xiàn)高效分頁(yè)
- js腳本分頁(yè)代碼分享(7種樣式)
相關(guān)文章
微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)功能,適用于商品列表倒計(jì)時(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06JavaScript中判斷函數(shù)是new還是()調(diào)用的區(qū)別說(shuō)明
具名函數(shù)的各種調(diào)用方式 在之前篇幅中已經(jīng)介紹過(guò)了。這篇看看如何判斷一個(gè)函數(shù)是被new調(diào)用的,還是被其它方式調(diào)用的。2011-04-04bootstarp modal框居中顯示的實(shí)現(xiàn)代碼
這篇文章主要介紹了bootstarp modal框居中顯示的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-02-02學(xué)習(xí)JavaScript設(shè)計(jì)模式(單例模式)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式,其中重點(diǎn)介紹單例模式,舉例說(shuō)明單例模式的技術(shù)、弊端等,對(duì)單例模式進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下2015-11-11