当前页居中分页效果的JS实现
2010-09-26 16:54
686 查看
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);
}
作者:梦想
出处:http://www.cnblogs.com/lhb25
欢迎转载,请在文章页面明显位置给出原文链接。
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);
}
作者:梦想
出处:http://www.cnblogs.com/lhb25
欢迎转载,请在文章页面明显位置给出原文链接。
相关文章推荐
- JS实现当前页居中分页效果的方法
- JS实现当前页居中分页效果的方法
- 当前页居中分页效果的JS实现
- 原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)
- JS实现table表格数据排序功能(可支持动态数据+分页效果)
- 用table,js实现web动态取数据并实现分页效果
- 采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果
- nodejs+bootstrap实现分页效果
- 原生js利用鼠标滚轮实现滚动到当前页面实现动画效果
- js实现二级菜单点击显示当前内容效果
- JS 实现简单的Table表格分页效果(假分页)
- JS实现点击图片在当前页面放大并可关闭的漂亮效果
- Js实现分页效果
- Vue.js 结合bootstrap 前端实现分页效果
- 原生js实现带运动的分页效果
- 【js】使用javascript 实现静态网页分页效果
- js实现分页效果
- js实现分页控件中当前页的页标始终在中间
- fieldset实现下订单的分页效果(js+css+html)
- JS实现选中当前菜单后高亮显示的导航条效果