首页>>导航菜单>>下拉菜单，多级菜单(2014-01-23)

下拉菜单，多级菜单

 本例有2个，一个带图标图片的，另外一个纯文字

下拉菜单，多级菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <section id="skin1">  
  2. <div class="navbar">  
  3. <div class="navbar-inner PL0 PT20">  
  4. <div class="container">  
  5. <div class="nav-collapse collapse navbar-responsive-collapse">  
  6. <ul class="nav">  
  7. <li class="active"><a href="#" class="make-round">Home</a></li>  
  8. <li><a href="#">Graphics</a></li>  
  9. <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates<i class="icon-angle-down"></i></a>  
  10. <ul class="dropdown-menu">  
  11. <li><a href="#">Free Templates</a></li>  
  12. <li><a href="#">Premium Templates</a></li>  
  13. <li class="dropdown-submenu"> <a tabindex="-1" href="#">WordPress Themes</a>  
  14. <ul class="dropdown-menu">  
  15. <li><a href="#">Free WordPress Themes</a></li>  
  16. <li><a href="#">Premium WordPress Themes</a></li>  
  17. </ul>  
  18. </li>  
  19. </ul>  
  20. </li>  
  21. </ul>  
  22. </div>  
  23. <!-- /.nav-collapse -->   
  24. </div>  
  25. </div>  
  26. <!-- /navbar-inner -->   
  27. </div>  
  28. </section>  

 


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