首页>>导航菜单>>侧边栏菜单,多级侧边栏菜单 mmenu.js演示(2020-03-05)

侧边栏菜单,多级侧边栏菜单 mmenu.js演示

侧边栏菜单,多级侧边栏菜单 mmenu.js演示
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <nav id="menu">  
  2.                 <ul>  
  3.                     <li><a href="index.html">Basic example</a></li>  
  4.                     <li>  
  5.                         <a href="horizontal-submenus.html">Horizontal sliding submenus example</a>  
  6.                         <ul>  
  7.                             <li><a href="#">First sub-item</a></li>  
  8.                             <li><a href="#">Second sub-item</a></li>  
  9.                             <li><a href="#">Third sub-item</a></li>  
  10.                         </ul>  
  11.                     </li>  
  12.                     <li class="Selected">  
  13.                         <a href="vertical-submenus.html">Vertical submenus example</a>  
  14.                         <ul>  
  15.                             <li><a href="#">First sub-item</a></li>  
  16.                             <li>  
  17.                                 <a href="#">Second sub-item</a>  
  18.                                 <ul>  
  19.                                     <li><a href="#">First sub-sub-item</a></li>  
  20.                                     <li><a href="#">Second sub-sub-item</a></li>  
  21.                                     <li><a href="#">Third sub-sub-item</a></li>  
  22.                                 </ul>  
  23.                             </li>  
  24.                             <li><a href="#">Third sub-item</a></li>  
  25.                         </ul>  
  26.                     </li>  
  27.                     <li><a href="fixedheader.html">Fixed header</a></li>  
  28.                       
  29.                 </ul>  
  30.             </nav>  

 

JavaScript Code
  1. $(function() {  
  2.     $('nav#menu').mmenu({  
  3.         slidingSubmenus: false  
  4.     });  
  5. });  

 


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