- 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-female"></i>日志</a>
</li>
<li class="menu-item-has-shoucang">
  <a href="/"><i class="fa fa-star"></i>收藏</a>
    <ul class="dropdown-menu sub-menu">         
    <li><a href="http://yanglingxi.com/?cate=3"><i class="fa fa-battery-half"></i>充电</a></li>
    <li><a href="http://yanglingxi.com/?cate=6"><i class="fa fa-gamepad"></i>娱乐</a></li>
    <li><a href="http://yanglingxi.com/?cate=5"><i class="fa fa-internet-explorer"></i>网抄</a></li>
    </ul>
</li>
<li class="menu-item-has-children">
<a href="/"><i class="fa fa-camera"></i>照片</a>
    <ul class="dropdown-menu sub-menu">
    <li><a href="/pic/pic.html"><i class="fa fa-map"></i>照片墙</a></li>
    <li><a href="http://yanglingxi.com/?cate=2"><i class="fa fa-camera-retro"></i>乱拍</a></li>
    </ul>
</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>
返回列表
上一篇:
下一篇:

发表评论

快捷回复:

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

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