首页>>导航菜单>>超简单的移动端下拉导航(2018-10-29)

超简单的移动端下拉导航

超简单的移动端下拉导航
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="nav">  
  2.     <div class="logo">  
  3.         <i class="fa fa-bandcamp" aria-hidden="true"></i>  
  4.     </div>  
  5.     <div class="main-nav">  
  6.         <a class="hamburger-nav"></a>  
  7.         <ul class="menu">  
  8.       <a href="#home"><li><i class="fa fa-home"></i> Home</li></a>  
  9.         <a href="#portfolio"><li><i class="fa fa-file-image-o"></i> Portfolio</li></a>  
  10.             <a href="#about"><li><i class="fa fa-user"></i> About</li></a>  
  11.             <a href="#contact"><li><i class="fa fa-envelope"></i> Contact</li></a>  
  12.         <a href="#setting"><li><i class="fa fa-cogs"></i>Settings</li></a>  
  13.         </ul>  
  14.     </div>  
  15.   </div>  

 


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