首页>>导航菜单>>css下拉菜单 二级和三级菜单(2014-10-11)

css下拉菜单 二级和三级菜单

css下拉菜单 二级和三级菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <ul id="nav">  
  2.     <li class="current"><a href="/">Home</a></li>  
  3.     <li><a href="#/">My Projects</a>  
  4.         <ul>  
  5.             <li><a href="#/">N.Design Studio</a>  
  6.                 <ul>  
  7.                     <li><a href="#/portfolio">Portfolio</a></li>  
  8.                     <li><a href="#/wp-themes">WordPress Themes</a></li>  
  9.                     <li><a href="#/wallpapers">Wallpapers</a></li>  
  10.                     <li><a href="#/tutorials">Illustrator Tutorials</a></li>  
  11.                 </ul>  
  12.             </li>  
  13.             <li><a href="/">Web Designer Wall</a>  
  14.                 <ul>  
  15.                     <li><a href="">Design Job Wall</a></li>  
  16.                 </ul>  
  17.             </li>  
  18.             <li><a href="">IconDock</a></li>  
  19.             <li><a href="">Best Web Gallery</a></li>  
  20.         </ul>  
  21.     </li>  
  22.     <li><a href="#">Multi-Levels</a>  
  23.         <ul>  
  24.             <li><a href="#">Team</a>  
  25.                 <ul>  
  26.                     <li><a href="#">Sub-Level Item</a></li>  
  27.                     <li><a href="#">Sub-Level Item</a>  
  28.                         <ul>  
  29.                             <li><a href="#">Sub-Level Item</a></li>  
  30.                             <li><a href="#">Sub-Level Item</a></li>  
  31.                             <li><a href="#">Sub-Level Item</a></li>  
  32.                         </ul>  
  33.                     </li>  
  34.                       
  35.                     <li><a href="#">Sub-Level Item</a></li>  
  36.                 </ul>  
  37.             </li>  
  38.             <li><a href="#">Sales</a></li>  
  39.             <li><a href="#">Another Link</a></li>  
  40.             <li><a href="##">Department</a>  
  41.                 <ul>  
  42.                     <li><a href="##">Sub-Level Item</a></li>  
  43.                     <li><a href="##">Sub-Level Item</a></li>  
  44.                     <li><a href="##">Sub-Level Item</a></li>  
  45.                 </ul>  
  46.             </li>  
  47.         </ul>  
  48.     </li>     
  49.     <li><a href="##">About</a></li>  
  50.     <li><a href="##">Contact Us</a></li>  
  51. </ul>  

 


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