function hover_show(hoverClass,showClass)
{
$(hoverClass).hover(function (){
$(showClass).eq($(this).index()).show()
},function (){
$(showClass).eq($(this).index()).hide()
})
}
$(document).ready(function(e) {
hover_show(".menu li",".sub_menu_panal")})
使用HTML和CSS制作下拉菜单的方法如下：
1、编写带有div导航的html代码：
2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。
3、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。
4、在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。
5、制作导航css：
