复制代码代码如下：
<span style =“ font-size：14px;”> <！doctype html public' - // w3c // dtd xhtml 1.0 transitional // en http：//www.w.w.w.org/xhtml1/xhtml1/dtd/dtd/dtd/xhtml1-transityal.dtddddddddddddddddd'>>>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<头>
<meta http-equiv =“ content-type” content =“ texthtml; charset = utf-8”>
<title>菜单</title>
<style type =“ text/css”>
#nav
{
列表风格：无；
文字平衡：中心；
}
#nav li
{
浮子：左；
宽度：100px;
颜色：白色；
背景色：＃3E3E3E;
}
＃菜单
{
列表风格：无；
填充：5px;
显示：无；
左键：-5px;
保证金顶：-5px;
}
#Menu li
{
背景色：#ccc;
宽度：100px;
文本平衡：左；
左填充：10px;
}
#Menu li a：链接
{
文本介绍：无；
显示：块;
}
#Menu li a：悬停
{
背景色：＃3E3E3E;
颜色：白色
}
</style>
</head>
<身体>
<ul id =“ nav”>
<li>数数
<ul id =“菜单”>
<li> <a href =“ http://blog.csdn.net/u011043843”> mysql </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> sql Server </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> oracle </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> db2 </a> </li>
</ul>
</li>
<li>前台脚本
<ul id =“菜单”>
<li> <a href =“ http://blog.csdn.net/u011043843”> javascript </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> Ruby </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> html </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> python </a> </li>
</ul>
</li>
<li>后台脚本
<ul id =“菜单”>
<li> <a href =“ http://blog.csdn.net/u011043843”> php </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> asp </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> asp.net </a> </li>
<li> <a href =“ http://blog.csdn.net/u011043843”> jsp </a> </li>
</ul>
</li>
</ul>
<脚本类型=“ text/javascript”>
var lis = document.getElementById（“ nav”）。getElementsbytagname（'li'）;
var i = 0;
for（i = 0; i <lis.length; i ++）
{
如果（lis [i] .classname ==“ child”）
{
lis [i] .onmouseover = function（）
{
var ulobj1 = this.getElementsbytagname（'ul'）[0];
ulobj1.style.display =“ block”;
this.style.backgroundColor =“＃ccc”;
this.style.color =“ black”;
}
}
lis [i] .onmouseout = function（）
{
var ulobj1 = this.getElementsbytagname（'ul'）[0]; //此是htmlelement对象
ulobj1.style.display =“ none”;
this.style.backgroundColor =“＃3E3E3E”;
this.style.color =“ white”;
}
}
</script>
</body>
</html> </span>