用jQuery实现下拉菜单
jQuery是一个轻量级框架，它被认为非常好，而今天是实现下拉菜单的一个非常简单的例子。首先，可以肯定的是，jquery.js版本应该在网页引用。
接下来，把===================== HTML了：
复制代码代码如下所示：
系统管理
干管
保护站
木材检验
森林管理
考勤管理
走动管理
现场取证
问题的处理
位置监控
检验管理
考勤管理
监管信息
考勤管理
监管信息
权限管理
设备管理
=========================== CSS样式：
复制代码代码如下所示：
***菜单的头
header_menu {。
浮子：右边；
宽度：50%；
身高：100%；
光标：指针；
}
header_menu UL {。
列表样式：无；
身高：100%；
}
header_menu ul {。
浮子：右边；
宽度：20%；
颜色：白色；
字体大小：14px；
55px垫上；
字体粗细：粗体；
}
显示{。
显示：无；
}
显示UL
列表样式：无；
宽度：100px；
}
显示UL
10px垫上；
座垫：5px；
左：5px填充；
光标：指针；
字体大小：14px；
}
movediv {。
位置：固定；
左：0px；
上图：0px；
字体大小：14px；
白；
border: 1px solid白色；
}
红色{。
# a0c9e6；
}
======================= JS脚本
复制代码代码如下所示：
$（函数（）{（））
菜单/绑定事件
InitMenuListener（）；
下拉菜单绑定事件
InitSubMenuHover（）；
下拉菜单/颜色变化
InitSubMenuLiHover（）；
}）；
*标题菜单绑定滑动事件
* /
功能initmenulistener（）{
$（Menuli）。Hover（function（）{）
无功hidedivid =美元（这）。Attr（ID）+ _div；
获取菜单位置
左（=）；
var = $（this）；
VaR高度=美元（这）。OuterHeight（）； / /网页是高度，包括内侧缘，和高度的高度，但只有文本的高度
（$ # + hidedivid）（显示）；
（$ # + hidedivid）。Css（左，右）；
（$ # + hidedivid）。Css（顶，顶+高）；
}函数（）{（）
原始菜单隐藏
$（。）隐藏（）；
}）；
}
*下拉菜单绑定事件
* /
功能initsubmenuhover（）{
Hover（函数（）{）
美元（这个）；
}函数（）{（）
美元（这个）；
}）；
}
*下拉菜单改变颜色。
* /
功能initsubmenulihover（）{
$（Redli）。Hover（function（）{）
$（这）AddClass（红色）；
}函数（）{（）
$（这）RemoveClass（红色）；
}）；
}
结果如下：
当合作伙伴使用自己的美化，他们可以使用自己的项目在自由扩张，我只是做了一点风格。