基于jQuery黑色动感下拉菜单导航代码
代码片段:
<div class="container">
<div id="header">
<ul class="topnav">
<li><a href="http://www.51xuediannao.com">懒人建站</a></li>
<li>
<a href="#">原创作品</a>
<ul class="subnav">
<li><a href="#">绘画艺术</a></li>
<li><a href="#">平面设计</a></li>
<li><a href="#">交互设计</a></li>
<li><a href="#">3D艺术</a></li>
<li><a href="#">摄影艺术</a></li>
<li><a href="#">其他艺术</a></li>
</ul>
</li>
<li>
<a href="#">设计素材</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li>
<a href="#">佳作欣赏</a>
<ul class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li><a href="#">论坛</a></li>
<li><a href="#">懒人建站</a></li>
</ul>
</div>
</div>