首页>>导航菜单>>纯CSS手风琴菜单(2019-04-24)

纯CSS手风琴菜单

纯CSS手风琴菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="wrapper">  
  2.     <ui class="mainMenu">  
  3.         <li class="item" id="account">  
  4.             <a href="#account" class="btn"><i class="fas fa-user-circle"></i>我的帐户</a>  
  5.             <div class="subMenu">  
  6.                 <a href="">item-1</a>  
  7.                 <a href="">item-2</a>  
  8.                 <a href="">item-3</a>  
  9.             </div>  
  10.         </li>  
  11.         <li class="item" id="about">  
  12.             <a href="#about" class="btn"><i class="fas fa-address-card"></i>关于我们</a>  
  13.             <div class="subMenu">  
  14.                 <a href="">item-1</a>  
  15.                 <a href="">item-2</a>  
  16.             </div>  
  17.         </li>  
  18.         <li class="item" id="support">  
  19.             <a href="#support" class="btn"><i class="fas fa-info"></i>技术支持</a>  
  20.             <div class="subMenu">  
  21.                 <a href="">item-1</a>  
  22.             </div>  
  23.         </li>  
  24.         <li class="item">  
  25.             <a href="#" class="btn"><i class="fas fa-sign-out-alt"></i>退出登录</a>  
  26.         </li>  
  27.     </ui>  
  28. </div>  

 


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