<!-- 悬浮显示二级菜单 -->
<script type="text/javascript">
$("#first-menu").mouseover(function(){
$("#second-menu").show();
})
$("#second-menu").mouseover(function(){
$(this).show();
})
$("#first-menu").mouseout(function(){
$("#second-menu").hide();
})
$("#second-menu").mouseout(function(){
$(this).hide();
})
</script>
一级菜单id = first-menu
二级菜单id = second-menu
isShow表示二级菜单是否显示,初始值设置为false
这段代码关键在于鼠标从一级菜单移动到二级菜单时会同时执行$("#first-menu").mouseout()和$("#second-menu").mouseover(),所以在first-menu和second-menu上分别设置show和hide就可以。