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

简介: function show_page(cur_pc){    var cp=cur_pc;    //curent page count    var tp=this.p;    //total page count    var sp=this.
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);
}

 

相关文章
|
8月前
egg.js 24.13sequelize模型-字段限制排序分页
egg.js 24.13sequelize模型-字段限制排序分页
81 1
egg.js 24.13sequelize模型-字段限制排序分页
|
8月前
|
移动开发 JavaScript 前端开发
分享48个JS分页代码特效,总有一款适合您
分享48个JS分页代码特效,总有一款适合您
76 0
|
8月前
|
JavaScript 前端开发
|
JavaScript
jQuery fullpage.js 全屏分页以及动画使用
jQuery fullpage.js 全屏分页以及动画使用
71 0
|
3月前
|
JavaScript 前端开发
JavaScript分页功能
JavaScript分页功能
|
5月前
|
JavaScript
js分页+搜索
js分页+搜索
50 0
|
5月前
|
JavaScript
js之简单分页
js之简单分页
56 0
|
6月前
|
JavaScript
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。
51 1
|
7月前
|
JavaScript
JS实现分页功能
JS实现分页功能
|
7月前
|
JavaScript 前端开发
JS分页功能
JS分页功能
30 0