下面的代码存到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>
网页链接
看一下这个吧,现在很少有人手动写分页了,一般都是用插件。或者现在主流的前端框架,都有用户量特别大的前端组件库,用起来很方便。其实这个分页手写js并不难,主要是理清逻辑就可以了,能写但是没必要~如果是比较老的前端框架,必须手写js分页逻辑,追问就行,我给你屡屡
最常见的分页的代码是 :ASP PHP JSP如果你的静态页面要分页 有一个 方法---JS
HTML上的分页JS代码
<form onsubmit="window.location=this.aaa.options[this.aaa.selectedIndex].valuereturn false">
<select name="select" onchange="javascript:window.location.href=this.options[this.selectedIndex].value">
<SCRIPT type=text/javascript>
for(var pN=1pN<184pN++)
document.write("<option value='Page_"+pN+".html'>第"+pN+"页</option>")
</SCRIPT>
</select></td></form>
加一个page=8的参数?
然后在for那里再用条件判断??
<form onsubmit="window.location=this.ep8.options[this.ep8.selectedIndex].valuereturn false">
<select name="select" onchange="javascript:window.location.href=this.options[this.selectedIndex].value">
<script type="text/javascript">
p=8
for(var i=1i<9i++)
if (i==p){
document.write("<option value='Page_"+p+".html' selected>第"+p+"页</option>")
}
else {
document.write("<option value='Page_"+i+".html'>第"+i+"页</option>")
}
</script>
</select></form>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)