当前页居中分页效果的JS实现

类别:javascript | 发布时间:2012-5-11 15:44:33 | 网迅科技  |  阅读次数: 

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(
"",i,"");    
        }
        
else
        {
            buf.push(
"",i,"");            
        }
    }
    document.write(buf);
}

此文关键字:html5,移动互联网,CSS3,js

在线项目合作

网迅科技结合创新的设计理念与专业技术,为客户制定从策划到创意再到技术的系列支持,帮助企业通过全新的媒体展示平台实现更多价值。如果您喜欢我们的项目,有兴趣合作?请您联系我们,以便我们能够为您提供可行的价值服务。