页面代码：

 <style type="text/css">* {	margin:0;	padding:0;}body {	font:normal 12px/1.5em Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;	background:#FCFCFC;}.wrapper {	width:200px;	height:200px;	position:absolute;	top:50%;	left:50%;	margin:-100px 0 0 -100px;	border:1px solid #333333;	background:#CCCCCC;}.content {	width:180px;	height:160px;	margin:10px auto 0;	overflow:hidden;	border:1px solid #999999;	background:#FFFFFF;}.box {	float:left;	width:160px;	height:150px;	margin-bottom:10px;	padding:10px;	overflow:auto;}.pager {	width:180px;	height:20px;	margin:5px auto;	text-align:right;}.pager a {	padding:2px 4px;	text-decoration:none;	background:#FF0000;	color:#FFFFFF;}.pager a:hover {	background:#FFFFFF;	outline:#FF0000 1px solid;	color:#000000;}</style><div class="content"><div class="box" id="a1"><h2>锚点控制内容</h2><p>第一屏</p><p>网上有很多这样的教程，我这个只是娱乐而已</p></div><div class="box" id="a2"><h2>锚点控制内容</h2><p>第二屏</p></div><div class="box" id="a3"><h2>锚点控制内容</h2><p>第三屏</p></div><div class="box" id="a4"><h2>锚点控制内容</h2><p>第四屏</p></div><div class="box" id="a5"><h2>锚点控制内容</h2><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p><p>第五屏</p></div></div><div class="pager"><a title="" href="#a1">1</a> <a title="" href="#a2">2</a> <a title="" href="#a3">3</a> <a title="" href="#a4">4</a> <a title="" href="#a5">5</a></div><div></div>