jQuery实现的编码原理HTML页面的div假分页

jQuery实现的编码原理HTML页面的div假分页
DIV假分页原理:总高度(1000px)充填后的div(1000px)显示高度(100)和总页数为10页。当你看第二页,div高度100-200,等等。

查看页面上div滚动条的实际移动页。
显示数据集

#应用
{
/ *宽度:500px;调整显示宽度/地区
身高:1592px; / * * /调整显示区高
字体大小:14px;
边距:23px;
行高:20px;
溢出:隐藏页索引;
overflow-y:隐藏;
单词破解:全部中断;
}

var obj = document.getelementbyid(应用程序); / /获得内容层
VaR页= document.getelementbyid(页); / /让页面层
(在window.onload =功能) / /重写窗体加载事件
{
无功allpages = math.ceil(parseInt(obj。scrollheight) / parseInt(obj。offsetheight)); / /得到页码
/ / pages.innerhtml =allpages-1 ++页; / /输出页码
对于(var i = 1;i < allpages;i++){
如果(i = 1){
pages.innerhtml =主页;
}
别的{
Pages.innerHTML +我+ + = ;
}
前几页的输出周期
}
}
功能ShowPage(PageIndex){
obj.scrolltop =(页索引- 1)* parseInt(obj。offsetheight); / /根据指定的页面输出的高度
}
动态数据分页,分页次数足够,需要填充特定的高度,或者页面将页面上的数据显示在最后一页上。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部