当前位置: 懒人建站 > JS代码 > 导航菜单 >

基于jQuery黑色动感下拉菜单导航代码

CSS导航:基于jQuery黑色下拉菜单导航代码
分享到:

代码说明:

基于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>

来源:懒人建站|发布人:懒人建站|2009-10-09|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册