关于HTML简单将文章分页

关于HTML简单将文章分页,第1张

很简单的,我给你说两种方法。

第一种最简单,直接生成若干个<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>中的内容换成数组中相应的内容。

这个主要得通过JAVASCRIPT来实现了.你看到过图片切换的效果吧.可以用那个代码来代替的.只不过容器中装的不是图片,而是表格而已.

还有我估计你想实现的是通过AJAX局部刷新来实现的貌似静态的分页.不过这是跟服务交互的.前者是没有交互的.


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6117734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存