复制代码代码如下:
<span style = "font-size: 14PX;"> <!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "texthtml; charset = utf-8">
Menu </title> </title>
<style type = "text/css">
#nav
{
estilo de lista: nenhum;
Alinhamento de texto: centro;
}
#nav li
{
flutuar: esquerda;
Largura: 100px;
Cor: Branco;
Background-Color: #3E3E3E;
}
#menu
{
estilo de lista: nenhum;
preenchimento: 5px;
Exibir: Nenhum;
margem -esquerda: -5px;
Margin -top: -5px;
}
#menu li
{
Background-Color: #CCC;
Largura: 100px;
Alinhamento de texto: esquerda;
preenchimento-esquerda: 10px;
}
#Menu Li A: Link
{
Decoração de texto: Nenhum;
exibição: bloco;
}
#Menu Li A: Passe o mouse
{
Background-Color:#3E3E3E;
Cor: Branco
}
</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"> servidor sql </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 = "bloco";
this.style.backgroundColor = "#ccc";
this.style.color = "preto";
}
}
lis [i] .onmouseout = function ()
{
var ulobj1 = this.getElementsByTagName ('ul') [0]; // Este 是 htmlelement 对象
ulobj1.style.display = "nenhum";
this.style.backgroundColor = "#3E3E3E";
this.style.color = "branco";
}
}
</script>
</body>
</html> </span>