复制代码代码如下:
<span style = "font-size: 14px;"> <! Doctype html public "-// w3c // dtd xhtml 1.0 Transisi // en" "http://www.w3.org/TR/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "TextHTML; charset = utf-8">
<title> menu </iteme>
<type style = "text/css">
#nav
{
List-style: tidak ada;
Teks-Align: tengah;
}
#NAV LI
{
float: kiri;
Lebar: 100px;
Warna: Putih;
latar belakang-warna: #3e3e3e;
}
#menu
{
List-style: tidak ada;
padding: 5px;
Tampilan: Tidak Ada;
margin -kiri: -5px;
margin -top: -5px;
}
#menu li
{
Latar Belakang-Color: #CCC;
Lebar: 100px;
Teks-Align: Kiri;
Padding-left: 10px;
}
#menu li A: tautan
{
Dekorasi Teks: Tidak Ada;
Tampilan: Blok;
}
#menu li A: Hover
{
latar belakang-warna:#3e3e3e;
Warna: Putih
}
</tyle>
</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>
<type skrip = "Teks/JavaScript">
var lis = document.geteLementById ("nav"). getElementsbyTagname ('li');
var i = 0;
untuk (i = 0; i <lis.length; i ++)
{
if (lis [i] .className == "anak")
{
lis [i] .onmouseover = function ()
{
var ulobj1 = this.getElementsbyTagname ('ul') [0];
ulobj1.style.display = "block";
this.style.backgroundColor = "#ccc";
this.style.color = "hitam";
}
}
lis [i] .onmouseout = function ()
{
var ulobj1 = this.getElementsbyTagname ('ul') [0]; // ini 是 htmlelement 对象
ulobj1.style.display = "none";
this.style.backgroundColor = "#3e3e3e";
this.style.color = "white";
}
}
</script>
</body>
</html> </span>