非常不错的一个JS分页效果代码，值得研究

本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~

补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数

JS静态分页程序

a:link,a:visited,a:hover,.current,#info{
border:1px solid #DDD;
background:#F2F2F2;
display:inline-block;
margin:1px;
text-decoration:none;
font-size:12px;
width:15px;
height:15px;
text-align:center;
line-height:15px;
color:#AAA;
padding:1px 2px;
}
a:hover{
border:1px solid #E5E5E5;
background:#F9F9F9;
}
.current{
border:1px solid #83E7E4;
background:#DFF9F8;
margin:1px;
color:#27CBC7;
}
#info{
width:auto;
}

"+count+"";
}else{
outstr = outstr + ""+count+"";
}
}
}
if(totalpage>10){ //总页数大于十页
if(parseInt((cpage-1)/10) == 0)
{
for (count=1;count"+count+"";
}else{
outstr = outstr + ""+count+"";
}
}
outstr = outstr + "next";
}
else if(parseInt((cpage-1)/10) == parseInt(totalpage/10))
{
outstr = outstr + "previous";
for (count=parseInt(totalpage/10)*10+1;count"+count+"";
}else{
outstr = outstr + ""+count+"";
}
}
}
else
{
outstr = outstr + "previous";
for (count=parseInt((cpage-1)/10)*10+1;count"+count+"";
}else{
outstr = outstr + ""+count+"";
}
}
outstr = outstr + "next";
}
}
document.getElementById("setpage").innerHTML = "

共"+totalpage+"页|第"+cpage+"页" + outstr + "";
outstr = "";
}
setpage(); //调用分页
//-->

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• 纯js分页代码(简洁实用)
• 纯javascript实现分页(两种方法)
• 利用js制作html table分页示例(js实现分页)
• js分页显示div的内容
• jsp分页显示的实现代码
• JSP分页显示的实例代码
• 一个实用的JSP分页代码
• js表格分页实现代码
• extjs 学习笔记 四 带分页的grid
• js分页之前端代码实现和请求处理

Tags：非常不错的一个JS分页效果代码 值得研究

相关文章

• 2008-06-06js查找父节点的简单方法
• 2014-03-03JavaScript中按位“异或”运算符使用介绍
• 2016-11-11js 转json格式的字符串为对象或数组(前后台)的方法
• 2014-10-10让IE8浏览器支持function.bind()方法
• 2013-11-11js截取字符串的两种方法及区别详解
• 2015-12-12学习JavaScript设计模式(代理模式)
• 2016-07-07再谈Javascript中的基本类型和引用类型(推荐)
• 2006-11-11渐变的Alert
• 2015-01-01JS取得绝对路径的实现代码
• 2006-11-11一个层慢慢增高展开,有种向下滑动的效果

最新评论