复制代码代码如下:
<span style = "font-size: 14px;"> <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.transitional.org/tr/xhtml1/dtd/xhtml1-trans
<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
-
รายการสไตล์: ไม่มี;
TEXT-ALIGN: CENTER;
-
#nav li
-
ลอย: ซ้าย;
ความกว้าง: 100px;
สี: สีขาว;
พื้นหลังสี: #3E3E3E;
-
#เมนู
-
รายการสไตล์: ไม่มี;
ช่องว่าง: 5px;
แสดง: ไม่มี;
ขอบซ้าย: -5px;
ระยะขอบด้านบน: -5px;
-
#MENU LI
-
พื้นหลังสี: #CCC;
ความกว้าง: 100px;
TEXT-ALIGN: ซ้าย;
Padding-Left: 10px;
-
#MENU LI A: ลิงก์
-
การตกแต่งข้อความ: ไม่มี;
แสดง: บล็อก;
-
#MENU LI A: โฮเวอร์
-
พื้นหลังสี:#3E3E3E;
สี: สีขาว
-
</style>
</head>
<body>
<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 </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>
<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 = "ไม่มี";
this.style.backgroundColor = "#3e3e3e";
this.style.color = "White";
-
-
</script>
</body>
</html> </span>