首页>>导航菜单>>jQuery+CSS移动手机菜单 移动端侧边栏菜单(2020-03-23)

jQuery+CSS移动手机菜单 移动端侧边栏菜单

jQuery+CSS移动手机菜单 移动端侧边栏菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="wrapper">  
  2.     <div class="menu">                
  3.         <img id="menu-bg" src="img/golden-gate-lights.jpg" />  
  4.         <ul>  
  5.             <li><a href="">About</a></li>  
  6.             <li><a href="">Share</a></li>  
  7.             <li><a href="">Activity</a></li>  
  8.             <li><a href="">Settings</a></li>  
  9.             <li><a href="">Contact</a></li>  
  10.         </ul>                  
  11.     </div>    
  12.           
  13.     <div class="screen">  
  14.         <div class="navbar"></div>  
  15.         <div class="list">  
  16.             <div class="item">  
  17.                 <div class="img"></div>  
  18.                 <span></span>  
  19.                 <span></span>  
  20.                 <span></span>                      
  21.             </div>  
  22.               
  23.             <div class="item">  
  24.                 <div class="img"></div>  
  25.                 <span></span>  
  26.                 <span></span>  
  27.                 <span></span>                      
  28.             </div>  
  29.               
  30.             <div class="item">  
  31.                 <div class="img"></div>  
  32.                 <span></span>  
  33.                 <span></span>  
  34.                 <span></span>                      
  35.             </div>  
  36.               
  37.             <div class="item">  
  38.                 <div class="img"></div>  
  39.                 <span></span>  
  40.                 <span></span>  
  41.                 <span></span>                      
  42.             </div>  
  43.         </div>                              
  44.                               
  45.         <div class="burger">  
  46.             <div class="x"></div>  
  47.             <div class="y"></div>  
  48.             <div class="z"></div>  
  49.         </div>          
  50.     </div>    
  51.  </div>   

 


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