二级不闪的菜单代码如下(多浏览器版)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0058)http://www.alistapart.com/d/horizdropdowns/horizontal2.htm -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Horizontal Drop Down Menus</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="leftmenu/drop_down.js" type=text/javascript></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
// JavaScript DocumentstartList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//-->
</SCRIPT>
<STYLE type=text/css>@import url( leftmenu/style2.css );
BODY {
FONT: 11px verdana
}
UL {
float:left;
PADDING: 0px; MARGIN: 0px; WIDTH: 150px;
BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid;LIST-STYLE-TYPE: none
}
UL LI {
BORDER-TOP: #ccc 1px solid;BORDER-RIGHT: #ccc 1px solid;
POSITION: relative ;FLOAT: left;width:149px;padding:0px;
}
LI UL {
DISPLAY: none; LEFT: 149px; POSITION: absolute; TOP: 0px
}UL LI A {
height:24px;
DISPLAY: block; PADDING: 0px; BACKGROUND: #fff; COLOR: #777;
TEXT-DECORATION: none
}UL LI A:hover {
BACKGROUND: #f9f9f9; COLOR: #e2144a;
}
LI UL LI A {
PADDING: 0px;
}
LI:hover UL {
DISPLAY: block;
}
LI.over UL {
DISPLAY: block;BACKGROUND: #f9f9f9; COLOR: #e2144a;
}</STYLE><META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY>
<UL id=nav>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Home</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">About</A>
<UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">History</A> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Team</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Offices</A>
</LI></UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Services</A> <UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design</A>
<UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design->sub</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design->sub2</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design->sub3</A> </UL> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Internet
Marketing</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Hosting</A> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Domain
Names</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Broadband</A>
</LI></UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Contact
Us</A>
<UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">United
Kingdom</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">France</A> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">USA</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Australia</A>
</LI></UL></LI></UL></BODY></HTML>
<!-- saved from url=(0058)http://www.alistapart.com/d/horizdropdowns/horizontal2.htm -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Horizontal Drop Down Menus</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="leftmenu/drop_down.js" type=text/javascript></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
// JavaScript DocumentstartList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//-->
</SCRIPT>
<STYLE type=text/css>@import url( leftmenu/style2.css );
BODY {
FONT: 11px verdana
}
UL {
float:left;
PADDING: 0px; MARGIN: 0px; WIDTH: 150px;
BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid;LIST-STYLE-TYPE: none
}
UL LI {
BORDER-TOP: #ccc 1px solid;BORDER-RIGHT: #ccc 1px solid;
POSITION: relative ;FLOAT: left;width:149px;padding:0px;
}
LI UL {
DISPLAY: none; LEFT: 149px; POSITION: absolute; TOP: 0px
}UL LI A {
height:24px;
DISPLAY: block; PADDING: 0px; BACKGROUND: #fff; COLOR: #777;
TEXT-DECORATION: none
}UL LI A:hover {
BACKGROUND: #f9f9f9; COLOR: #e2144a;
}
LI UL LI A {
PADDING: 0px;
}
LI:hover UL {
DISPLAY: block;
}
LI.over UL {
DISPLAY: block;BACKGROUND: #f9f9f9; COLOR: #e2144a;
}</STYLE><META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY>
<UL id=nav>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Home</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">About</A>
<UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">History</A> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Team</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Offices</A>
</LI></UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Services</A> <UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design</A>
<UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design->sub</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design->sub2</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Web
Design->sub3</A> </UL> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Internet
Marketing</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Hosting</A> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Domain
Names</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Broadband</A>
</LI></UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Contact
Us</A>
<UL>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">United
Kingdom</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">France</A> <LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">USA</A>
<LI><A
href="http://www.alistapart.com/d/horizdropdowns/horizontal2.htm#">Australia</A>
</LI></UL></LI></UL></BODY></HTML>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货