- N +

本站多级导航代码

文章目录 [+]

这是本站目前的导航栏多级导航代码,没装奥森图标的把导航名称前面的<i>标签去掉。

奥森图标传送门


<li id="nvabar-item-index">
    <a href="http://yanglingxi.com/"><i class="fa fa-home"></i>首页</a>
</li>
<li id="navbar-category-1">
    <a href="http://yanglingxi.com/?cate=1"><i class="fa fa-user-circle"></i>个人</a>
</li>
<li class="menu-item-work">    
    <a href="http://yanglingxi.com/?cate=3"><i class="fa fa-plug"></i>工作</a>      
      <ul class="dropdown-menu sub-menu">
      <li><a href="http://yanglingxi.com/?cate=4">财务</a></li>
      </ul>
</li>
<li id="navbar-category-6">
    <a href="http://yanglingxi.com/?cate=6"><i class="fa fa-gamepad"></i>娱乐</a>
</li>
<li id="navbar-category-5">
    <a href="http://yanglingxi.com/?cate=5"><i class="fa fa-internet-explorer"></i>网抄</a>
</li>
<li id="wailian">
    <a href="/pic/pic.html" target="_blank"><i class="fa fa-camera"></i>照片</a>
</li>
<li id="navbar-page-13">
    <a href="http://yanglingxi.com/?id=13"><i class="fa fa-folder-open"></i>分享</a>
</li>
<li id="navbar-page-2">
    <a href="http://yanglingxi.com/?id=2"><i class="fa fa-commenting"></i>留言</a>
</li>
<li class="menu-item-has-children"> 
    <a href="/"><i class="fa fa-paper-plane"></i>其他</a>      
      <ul class="dropdown-menu sub-menu">
         <li><a href="http://yanglingxi.com/?cate=10">学习</a></li>
         <li><a href="/">探索发现</a> 
                <ul  class="sub-menu dropdown-menu"> 
                    <li><a href="http://yanglingxi.com/?cate=9">探索</a></li>
                    <li><a href="http://yanglingxi.com/?cate=8">发现</a></li>
                </ul>            
         </li>
      </ul>
</li>
返回列表
上一篇:
下一篇:

发表评论

快捷回复:

    评论列表 (暂无评论,共217人参与)参与讨论

    还没有评论,来说两句吧...