java怎么实现垂直导航栏_jquery实现垂直和水平菜单导航栏

本文实例为大家分享了jquery菜单导航栏的实现代码，供大家参考，具体内容如下

1.HTML代码

竖直导航菜单

$(function(){

//垂直导航栏，点击下拉子菜单

$(".main>a").click(function(){

$(this).next().slideToggle(500)

.parent().siblings().find(".child").slideUp(500);

})

//水平导航栏，鼠标经过下拉导航栏

$(".hmain").hover(function(){

$(this).find(".child").slideToggle(500)

.parent().siblings().find(".child").slideUp();

})

})

• 菜单 1
  • 菜单1.1
  • 菜单1.2
  • 菜单1.3
• 菜单 2
  • 菜单2.1
  • 菜单2.2
  • 菜单2.3
  • 菜单2.4
• 菜单 3
  • 菜单3.1
  • 菜单3.2
  • 菜单3.3