类似#home这种链接是在一个
页面内的跳转，跳转到的位置我们称之为“锚点”。下面的代码存到index.html即可查看效果<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><div style="position: fixedtop: 0left: 0background-color: #fff"><a href="#home">首页</a><a href="#page2">page2</a><a href="#page3">page3</a></div><div style="height: 800pxborder: 1px solid #dddpadding-top: 35px"><a id="home"></a><br><br>这里是首页部分</div><div style="height: 800pxborder: 1px solid #dddpadding-top: 35px"><a id="page2"></a><br><br>这里是page2部分</div><div style="height: 1000pxborder: 1px solid #dddpadding-top: 35px"><a id="page3"></a><br><br>这里是page3部分</div></body></html>1、打开html开发软件，新建一个html页面。
2、在html页面找到body标签，在body标签里新建一个div标签，然后在div标签中新建a标签，并在a标签中输入页数。
3、保存html页面，使用浏览器打开查看分页效果。
4、新建style标签回到html代码页面，找到title标签，在title标签下新建一个。
很简单的，我给你说两种方法。
第一种最简单，直接生成若干个<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条）