这篇文章主要介绍了js实现当前页居中分页效果的方法,涉及javascript操作页面元素与样式的相关技巧,需要的朋友可以参考下
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);
}
运行效果如下图所示：
ASP.NET 4.0电子商城
下载
在现实生活中的购物过程，购物者需要先到商场，找到指定的产品柜台下，查看产品实体以及标价信息，如果产品合适，就将该产品放到购物车中，到收款处付款结算。电子商务网站通过虚拟网页的形式在计算机上摸拟了整个过程，首先电子商务设计人员将产品信息分类显示在网页上，用户查看网页上的产品信息，当用户看到了中意的产品后，可以将该产品添加到购物车，最后使用网上支付工具进行结算，而货物将由公司通过快递等方式发送给购物者
更多教程请访问 JavaScript教程教程
