html简单的分页代码怎么写？ 255
我的页面有几十个a标签，就是超链接，但是该页面如果全部显示，就太长，所以我想分页显示，但是这个分页代码怎么些，求大神指教。...
我的页面有几十个a标签，就是超链接，但是该页面如果全部显示，就太长，所以我想分页显示，但是这个分页代码怎么些，求大神指教。
展开
5个回答
展开全部
看一下这个吧，现在很少有人手动写分页了，一般都是用插件。或者现在主流的前端框架，都有用户量特别大的前端组件库，用起来很方便。其实这个分页手写js并不难，主要是理清逻辑就可以了，能写但是没必要~如果是比较老的前端框架，必须手写js分页逻辑，追问就行，我给你屡屡
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var lastIndex = null; function showImg(index){ if(lastIndex != null){ document.getElementById("id"+lastIndex).style.display = "none";//隐藏图片 document.getElementById("id"+index).style.display = "block";//显示前图片 lastIndex = index; } } 初始状态写哈
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
js封装代码
//分页插件
/**
ch
**/
(function($){
var ms = {
init:function(obj,args){
return (function(){
ms.fillHtml(obj,args);
ms.bindEvent(obj,args);
})();
},
//填充html
fillHtml:function(obj,args){
return (function(){
obj.empty();
//上一页
if(args.current > 1){
obj.append('
上一页
');
}else{
obj.remove('.prevPage');
obj.append('
上一页
');
}
//中间页码
if(args.current != 1 && args.current >= 4 && args.pageCount != 4){
obj.append('
'+1+'
');
}
if(args.current-2 > 2 && args.current
5){
obj.append('
...
');
}
var start = args.current -2,end = args.current+2;
if((start > 1 && args.current
args.pageCount-4 && args.current >= args.pageCount){
start--;
}
for (;start
= 1){
if(start != args.current){
obj.append('
'+ start +'
');
}else{
obj.app
//分页插件
/**
ch
**/
(function($){
var ms = {
init:function(obj,args){
return (function(){
ms.fillHtml(obj,args);
ms.bindEvent(obj,args);
})();
},
//填充html
fillHtml:function(obj,args){
return (function(){
obj.empty();
//上一页
if(args.current > 1){
obj.append('
上一页
');
}else{
obj.remove('.prevPage');
obj.append('
上一页
');
}
//中间页码
if(args.current != 1 && args.current >= 4 && args.pageCount != 4){
obj.append('
'+1+'
');
}
if(args.current-2 > 2 && args.current
5){
obj.append('
...
');
}
var start = args.current -2,end = args.current+2;
if((start > 1 && args.current
args.pageCount-4 && args.current >= args.pageCount){
start--;
}
for (;start
= 1){
if(start != args.current){
obj.append('
'+ start +'
');
}else{
obj.app
追问
其实我就是想弄一个最简单的分页的，这个代码我也搞不懂的
比如，我有几十个超链接，但是一个页面显示感觉就太长了，我想分成几页来显示，这个怎么弄？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
www.jq22.com/jquery-info7442
你需要的可能不是分页，而是tab切换
你需要的可能不是分页，而是tab切换
追问
怎么弄啊，我不晓得是什么？
追答
给你发链接了啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看起来有点乱，需要自己提前分好页，功能基本实现，适用于已知链接数量的情况
<html>
<head>
<title>简单分页</title>
</head>
<body>
<button onclick="fenye('-');">上一页</button>
当前第<span id="page">1</span>页
<button onclick="fenye('+');">下一页</button>
<br>
<div id="page1" style="display:block;">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
<div id="page2" style="display:none;">
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
</div>
<div id="page3" style="display:none;">
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
</div>
<div id="page4" style="display:none;">
<a href="">10</a>
<a href="">11</a>
<a href="">12</a>
</div>
<script>
function $(id){
return (document.getElementById(id));
}
function fenye(page){
var num=0;
if(page=="-"){
num=$("page").innerHTML-1;
}else{
num=$("page").innerHTML-0+1;
}
if(num>0 && num<5){
$("page").innerHTML=num;
for(var i=1;i<=4;i++){
$("page"+i).style.display="none";
}
$("page"+num).style.display="block";
}
console.log(num);
}
</script>
</body>
</html>
分页方法是多种多样的，这是我临时想出来的，希望能帮到你
追问
我有三百个已知的链接地址，每页显示15个，需要显示二十页的。
已知的链接地址放在什么位置啊，然后就自动分页了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
