首页>>导航菜单>>VUE多级CSS3响应式下拉菜单导航(2020-02-27)

VUE多级CSS3响应式下拉菜单导航

VUE多级CSS3响应式下拉菜单导航
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="content">  
  2.     <ul class="venus-menu">  
  3.       <li class="active"><a href="#"><i class="icon-home"></i>Home</a></li>  
  4.       <li><a href="#"><i class="icon-magic"></i>About</a></li>  
  5.       <li> <a href="#"><i class="icon-thumbs-up"></i>Services</a>  
  6.         <ul>  
  7.           <li><a href="#">Web Design</a></li>  
  8.           <li><a href="#">Hosting</a></li>  
  9.           <li> <a href="#">Design</a>  
  10.             <ul>  
  11.               <li><a href="#">Graphics</a></li>  
  12.               <li><a href="#">Vectors</a></li>  
  13.               <li> <a href="#">Photoshop</a>  
  14.                 <ul>  
  15.                   <li><a href="#">Photo editing</a></li>  
  16.                   <li><a href="#">Business cards</a></li>  
  17.                   <li><a href="#">Websites</a></li>  
  18.                   <li><a href="#">Flyers</a></li>  
  19.                 </ul>  
  20.               </li>  
  21.               <li><a href="#">Fonts</a></li>  
  22.             </ul>  
  23.           </li>  
  24.           <li><a href="#">Consulting</a></li>  
  25.         </ul>  
  26.       </li>  
  27.       <li><a href="#"><i class="icon-quote-right"></i>Blog</a></li>  
  28.       <li><a href="#"><i class="icon-envelope-alt"></i>Contact</a></li>  
  29.       <li class="search">  
  30.         <form method="get">  
  31.           <input type="text" name="search" class="search" placeholder="freejs" />  
  32.         </form>  
  33.       </li>  
  34.     </ul>  
  35.   </div>  

 


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