首页>>导航菜单>>简单的纯css下拉导航菜单(2014-06-07)

简单的纯css下拉导航菜单

简单的纯css下拉导航菜单
赞赏支持
立刻微信赞赏支持 关闭

XML/HTML Code
  1. <div id="navmenu">  
  2. <nav id="menu">  
  3. <ul>  
  4. <li class="active"><a href="index.php">freejs</a>  
  5. <ul>  
  6. <li><a href="http://www.freejs.net/daohangcaidan.html"><span class="icon elem1"></span>导航菜单</a></li>  
  7. <li><a href="#"><span class="icon elem2"></span>TAB标签</a></li>  
  8. <li><a href="#"><span class="icon elem3"></span>焦点图</a></li>  
  9. <li><a href="#"><span class="icon elem4"></span>分页</a></li>  
  10. <li><a href="#"><span class="icon elem5"></span>表单</a></li>  
  11. </ul>  
  12. </li>  
  13. <li><a href="#">Photos</a>  
  14. <ul>  
  15. <li><a href="#"><span class="icon elem0"></span>menu element 1</a></li>  
  16. <li><a href="#"><span class="icon elem0"></span>menu element 2</a></li>  
  17. <li><a href="#"><span class="icon elem0"></span>menu element 3</a></li>  
  18. <li><a href="#"><span class="icon elem0"></span>menu element 4</a></li>  
  19. <li><a href="#"><span class="icon elem0"></span>menu element 5</a></li>  
  20. </ul>  
  21. </li>  
  22. <li><a href="#">Classifieds</a></li>  
  23. </ul>  
  24. </nav>  
  25.   
  26. </div>  

 


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