网页jQuery二级菜单（html5二级菜单）

如图使用jquery设计下拉菜单,默认子菜单隐藏,点击父菜单,展开子菜单...

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。如果想像你这样实现，最好在每一个ul和li加上ID（这个ID必须是有规律的，比如父ID为1_1，子ID1_1_..），用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。

这是防止程序冒泡，因为你点了字菜单，同时也点击了父菜单，父菜单的程序也会执行，加上这个就可以防止冒泡了。

利用Jquery的ready函数实现整个页面的加载完成后执行动作。$（function（）{}）；是$（document）.ready（function（）{}）；的简写 在function内部实现鼠标进入事件，以及所有下拉效果的实现。

每个子菜单都是一个dd节点，在展开收起的时候会对每个dd执行效果。看起来就好像百叶窗的效果了。

jquery实现点击页面其他地方隐藏指定元素：在很多效果中，都有这样的功能，当点击页面的其他地方时，能够隐藏一个指定的元素，例如在模拟实现的select下拉菜单效果中，当下拉菜单出现的时候，我们往往希望当点击页面其他地方的时候，能够隐藏下拉条，下面就通过一个实例单独介绍一下如何实现此功能。

用jQuery如何实现鼠标移出一级菜单,二级菜单过一段时间才隐藏?_百度...

onmouseover=显示函数 { 进入显示函数后，便立即清除timeout；这样在离开1层500ms内 隐藏函数不会立即执行，在其执行前取消掉。

设置鼠标悬停事件，如果离开就把B区域div属性display设为none，就隐藏了！反之 就显示。

第一个问题解决思路：每个一级菜单设置hover事件没有问题，但是你的代码中显示的二级菜单却成为了全局所有的了，所以需要修改为当前一级菜单下面的$（.subCategory）元素，即 $（一级菜单）.find（.subCategory）--- 这样才会显示为当前一级菜单下的二级菜单。

利用Jquery的ready函数实现整个页面的加载完成后执行动作。$（function（）{}）；是$（document）.ready（function（）{}）；的简写 在function内部实现鼠标进入事件，以及所有下拉效果的实现。

jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle（）函数实现淡入淡出效果。