这是一款简单潇洒的导航栏代码,效果很不错,下面先把代码公布给大家,效果在下面哦:

代码:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="连接地址" id="current">连接名</a> 
<ul id="subnavlist">
<li id="subactive"><a href="连接地址" id="subcurrent">连接名</a></li>
<li><a href="连接地址">连接名</a></li>
<li><a href="连接地址">连接名</a></li>
<li><a href="连接地址">连接名</a></li>
</ul>
</li>
<li><a href="连接地址">连接名</a></li>
<li><a href="连接地址">连接名</a></li>
<li><a href="连接地址">连接名</a></li>
</ul>
</div>

效果如下:

• Item one
  • Subitem one
  • Subitem two
  • Subitem three
  • Subitem four
• Item two
• Item three
• Item four