以下为引用的内容：
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<หัว>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
- *{ระยะขอบ:0;ช่องว่างภายใน:0;เส้นขอบ:0;}
ร่างกาย {
ตระกูลฟอนต์: arial, 宋体, serif;
ขนาดตัวอักษร:12px;
-
#นำทาง {
ความสูงของบรรทัด: 24px; รายการสไตล์ประเภท: ไม่มี; พื้นหลัง:#666;
-
#nav อา {
จอแสดงผล: บล็อก; ความกว้าง: 80px; การจัดตำแหน่งข้อความ: กึ่งกลาง;
- #nav:link {
สี:#666; การตกแต่งข้อความ: ไม่มี;
-
#nav a: เยี่ยมชม {
สี:#666;ตกแต่งข้อความ:ไม่มี;
-
#nav a:โฮเวอร์ {
สี:#FFF;ตกแต่งข้อความ:none;font-weight:bold;
- #nav ลี่ {
ลอย: ซ้าย; ความกว้าง: 80px; พื้นหลัง:#CCC;
-
#nav li a:โฮเวอร์{
พื้นหลัง:#999;
-
#nav li ul {
ความสูงของบรรทัด: 27px; รายการสไตล์ประเภท: none;text-align:left;
ซ้าย: -999em; ความกว้าง: 180px; ตำแหน่ง: แน่นอน;
-
#nav li ul li{
ลอย: ซ้าย; ความกว้าง: 180px;
พื้นหลัง: #F6F6F6;
-
#nav li ul a{
จอแสดงผล: บล็อก; ความกว้าง: 156px; text-align:left;padding-left:24px;
-
#nav li ul a:link {
สี:#666; การตกแต่งข้อความ: ไม่มี;
-
#nav li ul a: เยี่ยมชม {
สี:#666;ตกแต่งข้อความ:ไม่มี;
-
#nav li ul a:hover {
สี:#F3F3F3;การตกแต่งข้อความ:ไม่มี;น้ำหนักแบบอักษร:ปกติ;
พื้นหลัง:#C00;
- #nav li:โฮเวอร์ ul {
ซ้าย: อัตโนมัติ;
-
#nav li.sfhover ul {
ซ้าย: อัตโนมัติ;
-
#เนื้อหา {
ชัดเจน: ซ้าย;
-
-
</สไตล์>
<script type=text/javascript><!--//--><![CDATA[//><!--
ฟังก์ชั่น menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
สำหรับ (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=ฟังก์ชั่น() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
-
sfEls[i].onMouseDown=ฟังก์ชั่น() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
-
sfEls[i].onMouseUp=ฟังก์ชัน() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
-
sfEls[i].onmouseout=ฟังก์ชั่น() {
this.className=this.className.replace(regExp ใหม่("( ?|^)sfhover\b"), -
-
-
-
window.onload=menuFix; //--><!]]></script> </หัว>
<ร่างกาย>
<ul id="nav">
<li><a href="#">产品介绍</a>
<ul>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
</ul>
</li>
<li><a href="#">服务介绍</a>
<ul>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二服务二</a></li>
<li><a href="#">服务二服务二服务二</a></li>
<li><a href="#">服务二</a></li>
</ul>
</li>
<li><a href="#">成功案例</a>
<ul>
<li><a href="#">案例三</a></li>
<li><a href="#">案例</a></li>
<li><a href="#">案例三案例三</a></li>
<li><a href="#">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">ฉัน们四111</a></li>
</ul>
</li>
<li><a href="#">อยู่ที่线演示</a>
<ul>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">联系联系联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
</ul>
</li> </ul> </ร่างกาย>
</html>
| 