第一种最简单,直接生成若干个<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>中的内容换成数组中相应的内容。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:
$('body').append('<div id="a" style="color:blue">div内容</div>')
3、浏览器运行index.html页面,此时div以及它的id属性和颜色属性一起被拼接到html中了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)