这周不小心看到了百度百科的页面导航效果，感觉挺不错的，周末抽空写了下。
下图为导航部分的效果图：
css和图片都是抄百度的，可从百度百科下载。
具体的代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset=”utf-8″>
<link rel=”stylesheet” href=”baidu.css”>
<style>
* {
margin: 0;
padding: 0
}
.wrap {
width: 1000px;
overflow: hidden;
margin: 0 auto;
}
.content {
width: 780px;
float: left;
}
.slide {
width: 200px;
float: right;
}
</style>
</head>
<body>
<div class=”wrap”>
<div class=”content”>
<h2 class=”headline-1″>
<a class=”anchor-1″ name=”1″></a>
<span class=”headline-1-index”>1</span>
<span class=”headline-content”>part1</span>
</h2>
<div class=”para”>
content1,content1
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<h2 class=”headline-1″>
<a class=”anchor-1″ name=”2″></a>
