JS實(shí)現(xiàn)當(dāng)前頁居中分頁效果的方法
更新時(shí)間:2015年06月18日 09:17:18 作者:瘋狂的流浪
這篇文章主要介紹了JS實(shí)現(xiàn)當(dāng)前頁居中分頁效果的方法,涉及javascript操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)當(dāng)前頁居中分頁效果的方法。分享給大家供大家參考。具體實(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)行效果如下圖所示:

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js前臺(tái)分頁顯示后端JAVA數(shù)據(jù)響應(yīng)
- 純js分頁代碼(簡潔實(shí)用)
- javascript分頁代碼實(shí)例分享(js分頁)
- js寫的評論分頁(還不錯(cuò))
- js+css實(shí)現(xiàn)的簡單易用兼容好的分頁
- 純js寫的分頁表格數(shù)據(jù)為json串
- js對文章內(nèi)容進(jìn)行分頁示例代碼
- js分頁代碼分享
- jsp分頁顯示完整實(shí)例
- js分頁工具實(shí)例
- JS+CSS實(shí)現(xiàn)的拖動(dòng)分頁效果實(shí)例
- Jquery+Ajax+Json+存儲(chǔ)過程實(shí)現(xiàn)高效分頁
- js腳本分頁代碼分享(7種樣式)
相關(guān)文章
原生javascript模仿win8等待提示圓圈進(jìn)度條
一直很中意win8等待提示圓圈進(jìn)度條,下面本文就使用原生javascript模仿win8等待進(jìn)度條,需要的朋友可以參考下2014-04-04
JavaScript模擬重力狀態(tài)下拋物運(yùn)動(dòng)的方法
這篇文章主要介紹了JavaScript模擬重力狀態(tài)下拋物運(yùn)動(dòng)的方法,實(shí)例分析了javascript操作dom元素模擬運(yùn)動(dòng)的方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Javascript中this關(guān)鍵字指向問題的測試與詳解
this是Javascript中一個(gè)非常容易理解錯(cuò),進(jìn)而用錯(cuò)的特性。所以下面這篇文章主要給大家介紹了關(guān)于Javascript中this關(guān)鍵字指向問題的相關(guān)資料,文中通過測試的題目考驗(yàn)大家對this的熟悉程度,需要的朋友可以參考借鑒,下面來一起看看吧。2017-08-08

