点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
创新互联公司-专业网站定制、快速模板网站建设、高性价比赤坎网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式赤坎网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖赤坎地区。费用合理售后完善，十年实体公司更值得信赖。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
大致给你一个思路：在方法中，step1：全部隐藏使用hide()方法 step2：然后鼠标事件触发当前选中的，使用show方法 给你一个参考网站：http：// 此网站右侧有8个中心，鼠标上移的那个会展开。
这篇文章主要介绍了jQuery实现简单的下拉菜单导航功能，涉及jQuery针对页面元素的遍历与节点修改相关操作技巧，需要的朋友可以参考下本文实例讲述了jQuery实现简单的下拉菜单导航功能。
1、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
2、鼠标指向或者点击按钮出现菜单后，如果要单击页面任意位置让菜单隐藏。很简答可以直接用Jquery，给document对象加一个单击事件后，用jquery选择器定位到要隐藏的菜单上，修改css样式的display为none即可。
3、什么问题呢？移出子项的时候，要判断鼠标是否还在菜单范围内，这样就能保证想移到另一个子项的时候整个菜单不会隐藏。
4、//在处理点击展开的时候，可以将之前所有打开的菜单关闭一下。
首先，你说的这个问题任何代码都没办法解决，因为如果你的二级栏目过多，导致了超出显示器的范围这个是没有办法避免的。其次，你说的如图的效果，那图在什么地方？有图我才好给你提供解决方案。
不知道你的html和css是什么样的。但是ie6， 7有z-index的bug。你可以搜一下。你在子菜单的父级上面找position： relative，加大一点的z-index试试。
text-align： left； width： 180px； position： absolute； bottom： 25px；}设定 bottom： 25px； 使该元素的底部和其上级元素的顶部对齐。最后再调整整个菜单的位置，让二级菜单不超出窗口范围就可以了。
可以考虑改变定位方式。修改style=display：none，加入 position：relative；left：-100px；//不知道左移多少合适。
你怎么还没有解决这个问题啊，我找了一下我写的那个效果，是仿小米guan 网的，你看看，给你点思路吧，具体的代码在nav.js里面。
