相信导航栏下拉菜单是web开发最常见的一个item了.这里就不做介绍了，直接上code.
Html部分
1 <div class="_nav"> 2 <ul id="sddm"> 3 <li><a href="/Home/Index" id="a_nav_Home" class="a_nav_Menu">Home</a> 4 <div id="nav_Home" class="div_nav_Menu"> 5 </div> 6 </li> 7 <li><a href="#" id="a_nav_Employee" class="a_nav_Menu">Employee</a> 8 <div id="nav_Employee" class="div_nav_Menu"> 9 @Html.ActionLink("Test", "Test", new { area = "BMOManagement", controller = "Test" }) 10 @Html.ActionLink("Test", "Test", new { area = "BMOManagement", controller = "Test" }) 11 @Html.ActionLink("Test", "Test", new { area = "BMOManagement", controller = "Test" }) 12 @Html.ActionLink("Test", "Test", new { area = "BMOManagement", controller = "Test" }) 13 @Html.ActionLink("Test", "Test", new { area = "BMOManagement", controller = "Test" }) 14 </div> 15 </li> 16 <li><a href="#" id="a_nav_Billing" class="a_nav_Menu">Billing</a> 17 <div id="nav_Billing" class="div_nav_Menu"> 18 <a href="#">B Test1</a> 19 <a href="#">B Test2</a> 20 </div> 21 </li> 22 <li><a href="#" id="a_nav_Forecast" class="a_nav_Menu">Forecast</a> 23 <div id="nav_Forecast" class="div_nav_Menu"> 24 <a href="#">F Test1</a> 25 <a href="#">F Test2</a> 26 <a href="#">F Test3</a> 27 </div> 28 </li> 29 </ul> 30 </div>