首页>>导航菜单>>管理后台侧滑菜单(2019-04-23)

管理后台侧滑菜单

管理后台侧滑菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <nav class="menu-wrap">  
  2.         <div class="menu freejs">  
  3.             <ul>  
  4.                 <li>  
  5.                     <a href="http://www.freejs.net/">  
  6.                         <i class="fa fa-home fa-lg"></i>  
  7.                         <span class="nav-text">首页</span>  
  8.                     </a>  
  9.                 </li>  
  10.                 <li>  
  11.                     <a href="http://www.freejs.net/">  
  12.                         <i class="fa fa-user fa-lg"></i>  
  13.                         <span class="nav-text">登录</span>  
  14.                     </a>  
  15.                 </li>  
  16.                 <li>  
  17.                     <a href="http://www.freejs.net/">  
  18.                         <i class="fa fa-envelope-o fa-lg"></i>  
  19.                         <span class="nav-text">联系</span>  
  20.                     </a>  
  21.                 </li>  
  22.                 <li>  
  23.                     <a href="http://www.freejs.net/">  
  24.                         <i class="fa fa-heart-o fa-lg"></i>  
  25.                         <span class="nav-text">收藏</span>  
  26.                     </a>  
  27.                 </li>  
  28.                 </li>  
  29.                 <li class="darkerlishadow">  
  30.                     <a href="http://www.freejs.net/">  
  31.                         <i class="fa fa-clock-o fa-lg"></i>  
  32.                         <span class="nav-text">新闻</span>  
  33.                     </a>  
  34.                 </li>  
  35.   
  36.                 <li class="darkerli">  
  37.                     <a href="http://www.freejs.net/">  
  38.                         <i class="fa fa-desktop fa-lg"></i>  
  39.                         <span class="nav-text">技术</span>  
  40.                     </a>  
  41.                 </li>  
  42.                 <li class="darkerli">  
  43.                     <a href="http://www.freejs.net/">  
  44.                         <i class="fa fa-plane fa-lg"></i>  
  45.                         <span class="nav-text">旅行</span>  
  46.                     </a>  
  47.                 </li>  
  48.                 <li class="darkerli">  
  49.                     <a href="http://www.freejs.net/">  
  50.                         <i class="fa fa-shopping-cart"></i>  
  51.                         <span class="nav-text">购物</span>  
  52.                     </a>  
  53.                 </li>  
  54.                 <li class="darkerli">  
  55.                     <a href="http://www.freejs.net/">  
  56.                         <i class="fa fa-microphone fa-lg"></i>  
  57.                         <span class="nav-text">娱乐</span>  
  58.                     </a>  
  59.                 </li>  
  60.                 <li class="darkerli">  
  61.                     <a href="http://www.freejs.net/">  
  62.                         <i class="fa fa-flask fa-lg"></i>  
  63.                         <span class="nav-text">工具</span>  
  64.                     </a>  
  65.                 </li>  
  66.                 <li class="darkerli">  
  67.                     <a href="http://www.freejs.net/">  
  68.                         <i class="fa fa-picture-o fa-lg"></i>  
  69.                         <span class="nav-text">设计</span>  
  70.                     </a>  
  71.                 </li>  
  72.                 <li class="darkerli">  
  73.                     <a href="http://www.freejs.net/">  
  74.                         <i class="fa fa-align-left fa-lg"></i>  
  75.                         <span class="nav-text">杂志  
  76.                         </span>  
  77.                     </a>  
  78.                 </li>  
  79.                 <li class="darkerli">  
  80.                     <a href="http://www.freejs.net/">  
  81.                         <i class="fa fa-gamepad fa-lg"></i>  
  82.                         <span class="nav-text">游戏</span>  
  83.                     </a>  
  84.                 </li>  
  85.                 <li class="darkerli">  
  86.                     <a href="http://www.freejs.net/">  
  87.                         <i class="fa fa-glass fa-lg"></i>  
  88.                         <span class="nav-text">生活  
  89.                         </span>  
  90.                     </a>  
  91.                 </li>  
  92.                 <li class="darkerlishadowdown">  
  93.                     <a href="http://www.freejs.net/">  
  94.                         <i class="fa fa-rocket fa-lg"></i>  
  95.                         <span class="nav-text">娱乐</span>  
  96.                     </a>  
  97.                 </li>  
  98.                 <li>  
  99.                     <a href="http://www.freejs.net/">  
  100.                         <i class="fa fa-question-circle fa-lg"></i>  
  101.                         <span class="nav-text">帮助</span>  
  102.                     </a>  
  103.                 </li>  
  104.                 <li>  
  105.                     <a href="http://www.freejs.net/">  
  106.                         <i class="fa fa-lightbulb-o fa-lg"></i>  
  107.                         <span class="nav-text">博客</span>  
  108.                     </a>  
  109.                 </li>  
  110.             </ul>  
  111.         </div>  
  112.     </nav>  

 


原文地址:http://www.freejs.net/article_daohangcaidan_743.html