国产探花免费观看_亚洲丰满少妇自慰呻吟_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;
}

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

圖片精選

主站蜘蛛池模板: 句容市| 宝清县| 永嘉县| 定南县| 辽阳市| 民权县| 兰西县| 辰溪县| 沂源县| 湘西| 常宁市| 达日县| 贞丰县| 武川县| 垫江县| 大宁县| 永州市| 山东省| 义马市| 志丹县| 曲水县| 汤原县| 连江县| 滨州市| 英德市| 潮州市| 蓝山县| 革吉县| 岚皋县| 四会市| 拉孜县| 龙泉市| 钦州市| 连江县| 汶上县| 莱阳市| 吴忠市| 武鸣县| 敦化市| 安阳县| 沁水县|