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


Posted in Javascript onJune 18, 2015

本文实例讲述了JS实现当前页居中分页效果的方法。分享给大家供大家参考。具体实现方法如下:

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);
}

运行效果如下图所示:

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

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
jQuery中live方法的重复绑定说明
Oct 21 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
jquery实现楼层滚动效果
Jan 01 jQuery
vue2.0使用swiper组件实现轮播的示例代码
Mar 03 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
如何用RxJS实现Redux Form
Dec 29 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
js面向对象编程OOP及函数式编程FP区别
Jul 07 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 #Javascript
javaScript中Math()函数注意事项
Jun 18 #Javascript
理解Javascript的动态语言特性
Jun 17 #Javascript
你所不了解的javascript操作DOM的细节知识点(一)
Jun 17 #Javascript
jQuery实现复选框批量选择与反选的方法
Jun 17 #Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 #Javascript
举例简介AngularJS的内部语言环境
Jun 17 #Javascript
You might like
一个高ai的分页函数和一个url函数
2006/10/09 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
javascript new后的constructor属性
2010/08/05 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
编写高性能Javascript代码的N条建议
2015/10/12 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
addEventListener()与removeEventListener()解析
2017/04/20 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
Python基础篇之初识Python必看攻略
2016/06/23 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
Selenium及python实现滚动操作多种方法
2020/07/21 Python
实现Python3数组旋转的3种算法实例
2020/09/16 Python
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
外贸学院会计专业应届生求职信
2013/11/14 职场文书
银行委托书范本
2014/04/04 职场文书
《故乡》教学反思
2014/04/10 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
师范生免费教育协议书范本
2014/10/09 职场文书
React Hook用法示例详解(6个常见hook)
2021/04/28 Javascript
Java并发编程必备之Future机制
2021/06/30 Java/Android