首页>>导航菜单>>纯css下拉菜单 支持下拉内容为多列(2014-10-11)

纯css下拉菜单 支持下拉内容为多列

纯css下拉菜单 支持下拉内容为多列
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <ul class="js-css-menu shadow responsive">  
  2.     <li><a href="#">Link</a></li>  
  3.     <li class="current"><a href="#">Current</a></li>  
  4.     <li><a href="#">Link with Menu</a>  
  5.         <div>  
  6.             <ul>  
  7.                 <li><b>Col 1</b></li>  
  8.                 <li><a href="#">Sublink 1</a></li>  
  9.                 <li><a href="#">Sublink 2</a></li>  
  10.                 <li><a href="#">Sublink 3</a></li>  
  11.             </ul>  
  12.             <ul>  
  13.                 <li><b>Col 2</b></li>  
  14.                 <li><a href="#">Sublink 1</a></li>  
  15.                 <li><a href="#">Sublink 2</a></li>  
  16.                 <li><a href="#">Sublink 3</a></li>  
  17.             </ul>  
  18.         </div>  
  19.     </li>  
  20.     <li><a href="http://www.aihym.com">aihym.com</a></li>  
  21. </ul>  

 


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