手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现当前页居中分页效果的方法
JS实现当前页居中分页效果的方法
摘要:本文实例讲述了JS实现当前页居中分页效果的方法。分享给大家供大家参考。具体实现方法如下:functionshow_page(cur_pc){...

本文实例讲述了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:;'>",i,"</a>"); } else { buf.push("<a href='javascript:;'>",i,"</a>"); } } document.write(buf); }

运行效果如下图所示:

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

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

【JS实现当前页居中分页效果的方法】相关文章:

javascript实现dom动态创建省市纵向列表菜单的方法

jQuery仿gmail实现fixed布局的方法

jQuery实现不断闪烁文字的方法

jQuery实现页面内锚点平滑跳转特效的方法总结

javascript用函数实现对象的方法

JavaScript实现DIV层拖动及动态增加新层的方法

javascript实现十秒钟后注册按钮可点击的方法

JavaScript点击按钮后弹出透明浮动层的方法

js实现一个链接打开两个链接地址的方法

jQuery实现延迟跳转的方法

精品推荐
分类导航