效果如下：
实现方法：利用一下两张图片：
前台代码：
<div id="nagivation">
<ul >
<li ><a href="mainbooks.aspx"><b>首页</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=1"><b>文学</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=2"><b>小说</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=3"><b>艺术</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=4"><b>管理</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=5"><b>考试</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=6"><b>工具书</b></a></li>
<li ><a href ="bookstoretop.aspx?topid=7"><b>科技</b></a></li>
</ul>
&
