复制代码代码如下:
<span style = "font-size: 14px ؛"> <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "texthtml ؛ charset = utf-8">
<title> قائمة </title>
<type type = "text/css">
#NAV
{
على غرار القائمة: لا شيء ؛
محاذاة النص: المركز ؛
}
#ناف لي
{
تعويم: اليسار.
العرض: 100px ؛
اللون: أبيض.
خلفية اللون: #3e3e3e ؛
}
#قائمة طعام
{
على غرار القائمة: لا شيء ؛
الحشو: 5 بكسل ؛
العرض: لا شيء ؛
الهامش اليساري: -5px ؛
الهامش: -5px ؛
}
#Menu لي
{
خلفية اللون: #CCC ؛
العرض: 100px ؛
محاذاة النص: اليسار ؛
حشو اليسار: 10 بكسل ؛
}
#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 ؛
لـ (i = 0 ؛ i <lis.length ؛ i ++)
{
إذا (lis [i] .classname == "طفل")
{
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>