高分悬赏js代码,关于div分栏排列的实现,高手进!

我有一段数据,%contents% 高度约为3000px,我做了3个div ,主div包含div1和div2,我需要在div1和div2中同时显示数据,要求div1显示上半部分数据,div2显示下半部分数据,div1和div2的高度可以根据数据高度来改变,如数据增加到了4000px,则div1和div2的高度为2000px。并且div1和div2。
如果div1和div2的高度大于2500px则添加翻页功能。可以参照下列代码
<script language="javascript">
var obj = document.getElementById("frameContent");
var pages = document.getElementById("pages");
var pgindex=1;
window.onload = function()
{
var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));
pages.innerHTML = "<b>共"+allpages+"页</b> ";
for (var i=1;i<=allpages;i++){
pages.innerHTML += "<a href=\"javascript:showPage('"+i+"');\">第"+i+"页</a> ";
}
pages.innerHTML += " <a href=\"javascript:gotopage('-1');\">上一页</a> <a href=\"javascript:gotopage('1');\">下一页</a>"}
function gotopage(value){
try{
value=="-1"?showPage(pgindex-1):showPage(pgindex+1);
}catch(e){}
}
function showPage(pageINdex)
{obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);
pgindex=pageINdex;}
</script>

高分追加悬赏
如图所示。本人扣:久巴零衣巴二午巴二

第1个回答  2013-05-12
1.把div的样式设置最小高度,并且让它的高度自增
min-height:100px; /*高度最小值设置为:100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/
overflow:visible;
2.设置每页查询的记录数,例如每页的记录数是13条,超过13条就分页。追问

您的回答不完整,而且跟我问的没什么关系

追答

你的思维有问题,你是通过高度来进行分页,其实可以换一种方式来进行,设置每行数据的高度,通过设置每页你想显示的条数来控制分页就行了。我还没见过谁会用高度来分页的。

追问

好吧,您能实现这个技术要求吗?麻烦写一下完整的JS代码。

相似回答