使用js对文章内容进行分页
来源:互联网 发布:网络星期一是什么时候 编辑:程序博客网 时间:2024/05/02 02:12
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解决文章内容分页
- JS+CSS之单篇文章内容分页
- 文章内容分页
- 文章内容分页
- 用JS对长文章进行分页
- 用JS对长文章进行分页
- 使用PagedDataSource 对 Repeater1 进行分页
- 使用JQUERY对表格进行分页
- 使用Mongoose对MongoDB进行分页
- 使用 row_number 对sql server 进行 分页
- 文章内容分页--手动分页
- 使用jquery.pagination.js进行分页处理
- 使用DNN的分页控件对DATALIST控件进行分页
- easyUI使用分页过滤器对数据进行分页操作
- 文章内容分页显示函数
- 文章内容自动分页类
- 文章内容分页思路[转]
- 农村义务教育学生营养知识水平仍低
- poj2002 Squares
- cocos2dx显示中文字体方法Hiero
- java概述
- 深入了解Struts2返回JSON数据的原理及具体应用范例
- 使用js对文章内容进行分页
- Java数据类型
- Perl Word文档转为TXT文件
- malloc 与 calloc 与 realloc 的区别
- 《UNIX环境高级编程》笔记--终端IO
- 排序算法的时间复杂度和空间复杂度
- 生成exe文件,使C++程序脱离VS环境运行的方法
- 默认库“library”与其他库的使用冲突;使用 /NODEFAULTLIB:library
- 第二学期第二周项目3--文件+结构体实用实现