来自 澳门金莎娱乐手机版 2019-09-11 14:01 的文章
当前位置: 金沙澳门官网网址 > 澳门金莎娱乐手机版 > 正文

js对小说内容进行分页示例代码

Thinkphp中文章展现代码:

复制代码 代码如下:

<div id="showContent">{$article.content|htmlspecialchars_decode}</div>
<div id="articlePages"></div>

js完结代码:

复制代码 代码如下:

<script type="text/javascript">
var obj = document.getElementById("showContent");
var pages= document.getElementById("articlePages");
//alert(obj.scrollHeight);
window.onload= function()
{
var all=Math.ceil(parseInt(obj.scrollHeight)/ parseInt(obj.offsetHeight));
//获取总页数,首倘若行使scrollHeight
pages.innerHTML="共"+ all +"页";
for(var i=1; i<=all;i++)
{
pages.innerHTML +=" <a href=javascript:showPage('"+i+"');> "+i+"</a> ";
//输出全体页码
}
}
function showPage(pageIndex)
{
obj.scrollTop = (pageIndex-1)* parseInt(obj.offsetHeight);
}
</script>

css代码:

复制代码 代码如下:

#showContent {
color:black;
font-size: 16px;
height: 700px;
overflow: hidden;
}
#articlePages {
text-align: right;
}

你或者感兴趣的篇章:

  • js调整分页打字与印刷、打字与印刷分页示例
  • 纯js写的分页表格数据为json串
  • asp.net 使用js分页完毕异步加载数据
  • 运用js制作html table分页示例(js达成分页)
  • 基于Jquery+Ajax+Json完成分页展现附效果图
  • JSP自定义分页标签TAG全经过
  • 纯javascript完毕分页(三种格局)

本文由金沙澳门官网网址发布于澳门金莎娱乐手机版,转载请注明出处:js对小说内容进行分页示例代码

关键词: