JS實現(xiàn)當(dāng)前頁居中分頁效果的方法
更新時間:2015年06月18日 09:17:18 作者:瘋狂的流浪
這篇文章主要介紹了JS實現(xiàn)當(dāng)前頁居中分頁效果的方法,涉及javascript操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)當(dāng)前頁居中分頁效果的方法。分享給大家供大家參考。具體實現(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è)計有所幫助。
相關(guān)文章
JavaScript中判斷函數(shù)是new還是()調(diào)用的區(qū)別說明
具名函數(shù)的各種調(diào)用方式 在之前篇幅中已經(jīng)介紹過了。這篇看看如何判斷一個函數(shù)是被new調(diào)用的,還是被其它方式調(diào)用的。2011-04-04
bootstarp modal框居中顯示的實現(xiàn)代碼
這篇文章主要介紹了bootstarp modal框居中顯示的實現(xiàn)代碼,需要的朋友可以參考下2017-02-02
學(xué)習(xí)JavaScript設(shè)計模式(單例模式)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計模式,其中重點(diǎn)介紹單例模式,舉例說明單例模式的技術(shù)、弊端等,對單例模式進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下2015-11-11

