金光论坛 - JGLT.NET - JGWY.NET - JGWY.COM|国内外VPS资源推介|优质免费资源交流讨论

sunlei 发表于 2006 年 1 月 12 日 03:52:27

Free CSS Navigation Menu Designs

<html><HEAD><TITLE>Free CSS Navigation Menu Designs</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>BODY {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 11px/1.5em Verdana; PADDING-TOP: 0px
}
H2 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 14px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px
}
IMG {
 BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#tabs {
 FONT-SIZE: 93%; BACKGROUND: #bbd9ee; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tabs UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabs LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableft.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabright.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
}
#tabs A SPAN {
 FLOAT: none
}
#tabs A:hover SPAN {
 COLOR: #ff9834
}
#tabs A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabs A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsB {
 FONT-SIZE: 93%; BACKGROUND: #f4f4f4; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tabsB UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsB LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsB A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftB.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsB A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightB.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
}
#tabsB A SPAN {
 FLOAT: none
}
#tabsB A:hover SPAN {
 COLOR: #000
}
#tabsB A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsB A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsC {
 FONT-SIZE: 93%; BACKGROUND: #edf7e7; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tabsC UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsC LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsC A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftC.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsC A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightC.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #464e42; PADDING-TOP: 5px
}
#tabsC A SPAN {
 FLOAT: none
}
#tabsC A:hover SPAN {
 COLOR: #fff
}
#tabsC A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsC A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsD {
 FONT-SIZE: 93%; BACKGROUND: #fcf3f8; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #f4b7d6 1px solid
}
#tabsD UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsD LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsD A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftD.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsD A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightD.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #c7377d; PADDING-TOP: 5px
}
#tabsD A SPAN {
 FLOAT: none
}
#tabsD A:hover SPAN {
 COLOR: #c7377d
}
#tabsD A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsD A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsE {
 FONT-SIZE: 93%; BACKGROUND: #000; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tabsE UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsE LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsE A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftE.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsE A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightE.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
}
#tabsE A SPAN {
 FLOAT: none
}
#tabsE A:hover SPAN {
 COLOR: #fff
}
#tabsE A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsE A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsF {
 FONT-SIZE: 93%; BACKGROUND: #efefef; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #666 1px solid
}
#tabsF UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsF LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsF A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftF.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsF A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightF.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px
}
#tabsF A SPAN {
 FLOAT: none
}
#tabsF A:hover SPAN {
 COLOR: #fff
}
#tabsF A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsF A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsG {
 FONT-SIZE: 93%; BACKGROUND: #666; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tabsG UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsG LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsG A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftG.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsG A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightG.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
}
#tabsG A SPAN {
 FLOAT: none
}
#tabsG A:hover SPAN {
 COLOR: #fff
}
#tabsG A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsG A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsH {
 FONT-SIZE: 93%; BACKGROUND: #000; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tabsH UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsH LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsH A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftH.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsH A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightH.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
}
#tabsH A SPAN {
 FLOAT: none
}
#tabsH A:hover SPAN {
 COLOR: #fff
}
#tabsH A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsH A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsI {
 FONT-SIZE: 93%; BACKGROUND: #eff4fa; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #dd740b 1px solid
}
#tabsI UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsI LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsI A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(images/tableftI.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsI A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightI.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
}
#tabsI A SPAN {
 FLOAT: none
}
#tabsI A:hover SPAN {
 COLOR: #fff
}
#tabsI A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsI A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsJ {
 FONT-SIZE: 93%; BACKGROUND: #f4f4f4; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #24618e 1px solid
}
#tabsJ UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsJ LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsJ A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: url(images/tableftJ.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsJ A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightJ.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #24618e; PADDING-TOP: 5px
}
#tabsJ A SPAN {
 FLOAT: none
}
#tabsJ A:hover SPAN {
 COLOR: #fff
}
#tabsJ A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsJ A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
#tabsK {
 FONT-SIZE: 93%; BACKGROUND: #e7e5e2; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-BOTTOM: #54545c 1px solid
}
#tabsK UL {
 PADDING-RIGHT: 10px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsK LI {
 PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsK A {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(images/tableftK.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsK A SPAN {
 PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(images/tabrightK.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 5px
}
#tabsK A SPAN {
 FLOAT: none
}
#tabsK A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px; COLOR: #fff
}
#tabsK A:hover {
 BACKGROUND-POSITION: 0% -42px
}
#tabsK A:hover SPAN {
 BACKGROUND-POSITION: 100% -42px
}
</STYLE>
</HEAD>
<BODY>
<DIV> </DIV>
<H2>Tab Menu</H2>
<DIV id=tabs>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu B</H2>
<DIV id=tabsB>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu C</H2>
<DIV id=tabsC>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu D</H2>
<DIV id=tabsD>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu E</H2>
<DIV id=tabsE>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu F</H2>
<DIV id=tabsF>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu G</H2>
<DIV id=tabsG>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu H</H2>
<DIV id=tabsH>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu I</H2>
<DIV id=tabsI>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu J</H2>
<DIV id=tabsJ>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV><BR><BR>
<H2>Tab Menu K</H2>
<DIV id=tabsK>
<UL>
<LI><A title="Link 1" href="#"><SPAN>Link 1</SPAN></A>
<LI><A title="Link 2" href="#"><SPAN>Link 2</SPAN></A>
<LI><A title="Link 3" href="#"><SPAN>Link 3</SPAN></A>
<LI><A title="Longer Link Text" href="#"><SPAN>Longer Link Text</SPAN></A>
<LI><A title="Link 5" href="#"><SPAN>Link 5</SPAN></A>
<LI><A title="Link 6" href="#"><SPAN>Link 6</SPAN></A>
<LI><A title="Link 7" href="#"><SPAN>Link 7</SPAN></A> </LI></UL></DIV></BODY></html>

mydo 发表于 2006 年 1 月 12 日 08:39:53

看看，帮顶....

水牛发表于 2006 年 1 月 12 日 09:58:04

我不懂不懂

sunlei 发表于 2006 年 1 月 12 日 03:52:27

Free CSS Navigation Menu Designs

页: [1]

金光网's Archiver

Free CSS Navigation Menu Designs

Free CSS Navigation Menu Designs