javascript如何实现div分页呢?

 我来答
百度网友2571d37bb
2015-09-02 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部

主要思路:就是点击当前页时,它自己显示,其它的都隐藏;

下面是简单的代码实现:

<style>    
input.active {background:yellow;}    
div {width:200px; height:200px; border:1px solid red; display:none;}    
div.active {display:block;}    
</style>    
<script>    
window.onload=function(){    
var aBtn = document.getElementsByTagName('input');    
var aDiv = document.getElementsByTagName('div');    
    
for(var i =0; i<aBtn.length;i++)    
{    
(function(index){    //因为要存储点击的下标,所以需要做一个参数引入。学名叫'自执行匿名函数'。
aBtn[i].onclick=function(){   
        //这个for循环的作用是将所以的都隐藏。 
for(var i =0; i<aBtn.length;i++)    
{    
aBtn[i].className='';    
aDiv[i].className='';    
}    
//这是将当前点击的显示。
this.className='active';    
aDiv[index].className='active';    
};    
})(i);    
}    
};    
</script>    
</head>    
<body>    
<input type="button" value="111" class='active' />    
<input type="button" value="222" />    
<input type="button" value="333" />    
<div class="active">11111111111</div>    
<div>22222222222</div>    
<div>33333333333</div>    
</body>
shshshdy
2011-04-14 · TA获得超过102个赞
知道小有建树答主
回答量:264
采纳率:0%
帮助的人:185万
展开全部
---------如果一次性生成多个div------------
生成的div 都定义 了同一个名字 name="dataDiv"
当前页面页数为xx.html?count=1形式
那么就可以把第count个div 显示出来,其它隐藏这样应该可以答到你要的效果。
var divs =document.getElementByName("dataDiv");
var count=......//写一个正则取得url中count的值
for(div in divs){
div==count?divs[div].style.display="":divs[div].style.display="none";
}
-------如果一个div----------------------
那么ajax交互的时候,只查询返回第count页的数据,并把div中内容替换掉。

//第一种情况记得在生成的时候就把默认第一个显示,后面 的都加上style="display:none"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lyhcnlyhcn
2011-04-14 · 超过11用户采纳过TA的回答
知道答主
回答量:28
采纳率:0%
帮助的人:30.7万
展开全部
我做过这样的:设置很多的分页DIV,然后先显示第一页Div,其它隐藏DIv,之后翻页的时候把其它隐藏那页显示。我用的是JQuery,如果想要的话,我可以发给你
更多追问追答
追问
嗯 嗯 !你发给我吧!
追答


javascript如何实现div分页呢?_百度知道

#main div{width:490px;height:350px;border: 1px solid #000000;}
#main span{border: 1px solid #000000;cursor: pointer;margin-left: 30px;}

var index=0;
$(document).ready(function(){
$('#main div').hide().eq(0).show();
$('#prv').click(function(){
if(--index>=0){
$('#main div').hide(1000).eq(index).show(1000);
}
});
$('#next').click(function(){
if(++index

第一页
第二页
第三页
第四页
第五页
prvnext

我的那个工程有后台的,不能跑,给你也没用,干脆写个例子给你看,如果要具体工程,你留个联系方式我发给你
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lizhenlin126
2011-04-14 · 超过65用户采纳过TA的回答
知道小有建树答主
回答量:204
采纳率:0%
帮助的人:149万
展开全部
您是通过异步的形式还是就在本页执行分页呢、
更多追问追答
追问
通过数据库查询出来数据放到div中,div里面有很多页面标记。
然后在用javascript实现分页。不知道怎么弄。我在网上没找到,不过找到用table表格分页的。但是我想弄div.我用的分页代码是这个http://zhidao.baidu.com/question/53934269.html里面的
追答
也就是说。如果数据多的话。你会产生很多个div
比如说:你一个div放10条数据。那如果有100条数据。就会有10个div 是这个意思吗。
我给你推荐一个。用repeater 控件能够更快的达到你想要的效果、
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式