国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js對文章內容進行分頁示例代碼

2024-05-06 16:02:13
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了使用js對文章內容進行分頁的具體實現,需要的朋友可以參考下

Thinkphp中文章顯示代碼:

復制代碼 代碼如下:


<div>{$article.content|htmlspecialchars_decode}</div>
<div></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;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 铁力市| 抚宁县| 龙里县| 红桥区| 富民县| 芜湖县| 安溪县| 江孜县| 于都县| 民乐县| 麻栗坡县| 定远县| 广丰县| 滦平县| 孝昌县| 江永县| 十堰市| 兰西县| 江都市| 永清县| 广宗县| 鹤峰县| 巴里| 鲁甸县| 保亭| 广昌县| 偃师市| 巫溪县| 弥勒县| 邵阳县| 桃源县| 郑州市| 葫芦岛市| 宁城县| 军事| 永昌县| 铜山县| 中牟县| 淮北市| 临安市| 宣武区|