<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>页面1</title>
</head>
<body>
目录:
<div>
<a href="#id1">目录一</a>
<a href="#id2">目录二</a>
<a href="#id3">目录三</a>
</div>
内容:
<div id="id1" style="height:1000px;background-color:red">内容一</div>
<div id="id2" style="height:1000px;background-color:green">内容二</div>
<div id="id3" style="height:1000px;background-color:blue">内容三</div>
</body>
</html>
原文：http://www.cnblogs.com/ayixi/p/5111902.html