javascript如何实现div分页呢?
展开全部
主要思路:就是点击当前页时,它自己显示,其它的都隐藏;
下面是简单的代码实现:
<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>
展开全部
---------如果一次性生成多个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"
生成的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"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我做过这样的:设置很多的分页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
我的那个工程有后台的,不能跑,给你也没用,干脆写个例子给你看,如果要具体工程,你留个联系方式我发给你
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
您是通过异步的形式还是就在本页执行分页呢、
更多追问追答
追问
通过数据库查询出来数据放到div中,div里面有很多页面标记。
然后在用javascript实现分页。不知道怎么弄。我在网上没找到,不过找到用table表格分页的。但是我想弄div.我用的分页代码是这个http://zhidao.baidu.com/question/53934269.html里面的
追答
也就是说。如果数据多的话。你会产生很多个div
比如说:你一个div放10条数据。那如果有100条数据。就会有10个div 是这个意思吗。
我给你推荐一个。用repeater 控件能够更快的达到你想要的效果、
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询