首页>>导航菜单>>js侧边滑动多级导航菜单(2021-11-14)

js侧边滑动多级导航菜单

js侧边滑动多级导航菜单
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <nav id="drawerr" class="drawerr--init">  
  2.         <div class="drawerr-container">  
  3.             <div class="drawerr-navigation-container"></div>  
  4.             <ul>  
  5.   
  6.                 <li>  
  7.                     <a href="#">Programming languages</a>  
  8.                     <ul>  
  9.                         <li>  
  10.                             <a href="#">PHP</a>  
  11.                         </li>  
  12.                         <li><a href="#">C#</a></li>  
  13.                         <li><a href="#">Python</a></li>  
  14.                         <li><a href="#">C++</a></li>  
  15.                         <li><a href="#">Ruby</a></li>  
  16.                         <li><a href="#">Java</a></li>  
  17.                         <li><a href="#">Rust</a></li>  
  18.                         <li><a href="#">Haskell</a></li>  
  19.                         <li>  
  20.                             <a href="#">JavaScript</a>  
  21.                              
  22.                         </li>  
  23.                     </ul>  
  24.                 </li>  
  25.   
  26.                 <li>  
  27.                     <a href="#">About us</a>  
  28.                 </li>  
  29.             </ul>  
  30.         </div>  
  31.     </nav>  
  32.     <nav id="sidemenu" class="drawerr--init">  
  33.         <ul>  
  34.             <li>  
  35.                 <a href="">Lorem ipsum</a>  
  36.             </li>  
  37.             <a href="">Audiam</a>  
  38.         </ul>  
  39.     </nav>  

 

JavaScript Code
  1. <script>  
  2.        const x = new drawerrMultilevel({  
  3.            drawerr: '#drawerr'  
  4.        });  
  5.    </script>  

 


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