首页>>导航菜单>>带悬停tips垂直导航(2023-12-06)

带悬停tips垂直导航

带悬停tips垂直导航
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <nav class="navbar">  
  2.   <ul class="navbar__menu">  
  3.     <li class="navbar__item">  
  4.       <a href="#" class="navbar__link"><i data-feather="home"></i><span>Home</span></a>  
  5.     </li>  
  6.     <li class="navbar__item">  
  7.       <a href="#" class="navbar__link"><i data-feather="message-square"></i><span>Messages</span></a>          
  8.     </li>  
  9.     <li class="navbar__item">  
  10.       <a href="#" class="navbar__link"><i data-feather="users"></i><span>Customers</span></a>          
  11.     </li>  
  12.     <li class="navbar__item">  
  13.       <a href="#" class="navbar__link"><i data-feather="folder"></i><span>Projects</span></a>          
  14.     </li>  
  15.     <li class="navbar__item">  
  16.       <a href="#" class="navbar__link"><i data-feather="archive"></i><span>Ressources</span></a>          
  17.     </li>  
  18.     <li class="navbar__item">  
  19.       <a href="#" class="navbar__link"><i data-feather="help-circle"></i><span>Help</span></a>          
  20.     </li>  
  21.     <li class="navbar__item">  
  22.       <a href="#" class="navbar__link"><i data-feather="settings"></i><span>Settings</span></a>          
  23.     </li>  
  24.   </ul>  
  25. </nav>  

 


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