首页>>导航菜单>>适合移动手机的侧边栏滑动代码(2021-04-03)

适合移动手机的侧边栏滑动代码

适合移动手机的侧边栏滑动代码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <nav id="menu" class="menu slideout-menu">  
  2.     <a href="http://www.freejs.net/">  
  3.         <header class="menu-header">  
  4.             <span class="menu-header-title">freejs</span>  
  5.         </header>  
  6.     </a>  
  7.     <section class="menu-section">  
  8.         <h3 class="menu-section-title">导航菜单</h3>  
  9.         <ul class="menu-section-list">  
  10.             <li><a href="https://www.freejs.net/#">jQuery</a></li>  
  11.             <li><a href="https://www.freejs.net/#">CSS3</a></li>  
  12.             <li><a href="https://www.freejs.net/#">HTML5</a></li>  
  13.             <li><a href="https://www.freejs.net/#">动画效果</a></li>  
  14.         </ul>  
  15.     </section>  
  16.   
  17.     <section class="menu-section">  
  18.         <h3 class="menu-section-title">flash动画</h3>  
  19.         <ul class="menu-section-list">  
  20.             <li><a href="https://www.freejs.net/#">节日动画</a></li>  
  21.             <li><a href="https://www.freejs.net/#">flash植物</a></li>  
  22.             <li><a href="https://www.freejs.net/#">flash动物</a></li>  
  23.         </ul>  
  24.     </section>  
  25.   
  26.     <section class="menu-section">  
  27.         <h3 class="menu-section-title">音效下载</h3>  
  28.         <ul class="menu-section-list">  
  29.             <li><a href="https://www.freejs.net/#">鸟叫声</a></li>  
  30.             <li><a href="https://www.freejs.net/#">狗叫声</a></li>  
  31.         </ul>  
  32.     </section>  
  33. </nav>  
  34.   
  35. <main id="main" class="panel slideout-panel" style="">  
  36.     <button class="btn-hamburger js-slideout-toggle">  
  37.       <span class="tooltip">点击打开</span>  
  38.     </button>  
  39. </main>  

 


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