复制代码代码如下：
<Span style = "font-size：14px;"> <！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<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>
<body>
<ul id = "nav">
<li>数数库
<ul id = "menu">
<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 = "menu">
<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 = "menu">
<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>
<script type = "text/javascript">
var lis = document.getElementById（ "nav"）。getelementsbytagname（ 'li'）;
var i = 0;
for（i = 0; i <lis.length; i ++）
{
if（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]; //This是HtmLelement对象
ulobj1.style.display = "none";
this.style.backgroundcolor = "＃3e3e3e";
this.style.color = "white";
}
}
</script>
</body>
</html> </span>