首页>>导航菜单>>移动端侧边栏菜单,自适应不同分辨率,不同分辨率效果不同(2018-11-16)

移动端侧边栏菜单,自适应不同分辨率,不同分辨率效果不同

请用手机浏览或者浏览器模拟手机浏览器

移动端侧边栏菜单,自适应不同分辨率,不同分辨率效果不同
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <nav id="menu">  
  2.                 <div id="panel-menu">  
  3.                     <ul>  
  4.                         <li><a href="#/">Home</a></li>  
  5.                         <li><span>About us</span>  
  6.                             <ul>  
  7.                                 <li><a href="#/">History</a></li>  
  8.                                 <li><span>The team</span>  
  9.                                     <ul>  
  10.                                         <li><a href="#/">Management</a></li>  
  11.                                         <li><a href="#/">Sales</a></li>  
  12.                                         <li><a href="#/">Development</a></li>  
  13.                                     </ul>  
  14.                                 </li>  
  15.                                 <li><a href="#/">Our address</a></li>  
  16.                             </ul>  
  17.                         </li>  
  18.                         <li><a href="#/">Contact</a></li>  
  19.   
  20.                         <li class="Divider">Other demos</li>  
  21.                         <li><a href="default.html">Default demo</a></li>  
  22.                         <li><a href="onepage.html">One page demo</a></li>  
  23.                     </ul>  
  24.                 </div>  
  25.   
  26.                 <div id="panel-account">  
  27.                     <ul>  
  28.                         <li><a href="#/">My profile</a></li>  
  29.                         <li><a href="#/">Privacy settings</a></li>  
  30.                         <li><a href="#/">Activity</a></li>  
  31.                         <li><a href="#/">Sign out</a></li>  
  32.                     </ul>  
  33.                 </div>  
  34.   
  35.                 <div id="panel-cart">  
  36.                     <p style="text-align: center; padding-top: 30px;">Your shoppingcart is empty.<br />  
  37.                         <a href="#/">Continue shopping.</a></p>  
  38.                 </div>  
  39.             </nav>  

 


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