一般html网页，可以采用div的css属性控制显示和隐藏来实现分页的目的。
display:block这个css属性可以让div显示出来；
display:none这个css属性可以让div隐藏起来；
例如：
<div id="page1" style="display:block">这是第1页的内容</div>
<div id="page2" style="display:none">这是第2页的内容</div>
<div id="page3" style="display:none">这是第3页的内容</div>
然后增加3个按钮，分别是第1页，第2页，第3页，每个按钮有点击事情。
例如：
<a href="javascript:showpage(1)">第1页</a>
<a href="javascript:showpage(2)">第2页</a>
<a href="javascript:showpage(3)">第3页</a>
4
然后通过javascript点击事情来修改div的css属性display的值，就可以达到切换页面的目的了。
例如：
<script>
function showpage(page){
for(var i=1i<=3i++) {
if (page==i){
document.getElementById("page"+page).style.display="block"
} else {
document.getElementById("page"+page).style.display="none"
}
}
}
</script>
很简单的，我给你说两种方法。第一种最简单，直接生成若干个<div>或者<table>，因为你说是文章，所以我以下用<div>，这样比较简单。
<div id="div1">第一页内容</div>
<div id="div2" style="display:none">第二页内容</div>
<div id="div3" style="display:none">第三页内容</div>
然后你再作几个链接类似于1，2，3这样的文字，点击文字，相应的页面显示，其他页面隐藏。这样就等于有了分页效果。
第二种，
var array =["第一页内容","第二页内容","第三页内容"]
<div id="div1">第一页内容</div>
然后你再作几个链接类似于1，2，3这样的文字，点击文字，把<div>中的内容换成数组中相应的内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）