变色菜单

 

点击这里看效果

在 <head> 与 </head> 之间加入:

<style type="text/css">
A:link {text-decoration: none; color: #FFCC33; font-family: "宋体"}
A:visited {text-decoration: none; color: #800080; font-family: 宋体}
A:active {text-decoration: none; color: #800080; font-family: 宋体}
A:hover {text-decoration: underline; color: #FF0000}
body{font-size: 9pt}
th{font-size: 9pt}
td{font-size: 9pt}
A.bb {
TEXT-DECORATION: underline
}
A.cc {
COLOR: black
}
A.cc:hover {
COLOR: white
}
.LeftNavOff {
BACKGROUND-COLOR: white; BORDER-BOTTOM: white 2px solid;
BORDER-LEFT: white 2px solid; BORDER-RIGHT: white 2px solid;
BORDER-TOP: white 2px solid; COLOR: black; CURSOR: hand;
FONT-SIZE: 14px;FONT-FAMILY: 宋体; LETTER-SPACING: -0.5pt;
LINE-HEIGHT: 14pt; MARGIN: 2px 0px; PADDING-BOTTOM: 0px;
PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 0px;
TEXT-DECORATION: none
}
.LeftNavUp {
BACKGROUND-COLOR: #6699FF; BORDER-BOTTOM: #003399 2px solid;
BORDER-LEFT: #99ccff 2px solid; BORDER-RIGHT: #003399 2px solid;
BORDER-TOP: #99ccff 2px solid; COLOR: white; CURSOR: hand;
FONT-SIZE: 14px;FONT-FAMILY: "宋体"; FONT-WEIGHT: bold;
HEIGHT: 0pt; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 14pt;
MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px;
PADDING-RIGHT: 3px; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
</style>

在 <body> 与 </body> 之间加入:

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2" WIDTH="125"> <TR> <TD></TD></TR>
<TR> <TD CLASS=LeftNavOff ID=item1 LANGUAGE=JScript
ONMOUSEOUT="this.className='LeftNavOff'"
ONMOUSEOVER="this.className='LeftNavUp'"><DIV ALIGN="CENTER"><A HREF="#" CLASS="cc">选择</A></DIV></TD></TR>
<TR> <TD><DIV ALIGN="CENTER"></DIV></TD></TR> <TR> <TD CLASS=LeftNavOff ID=item2 LANGUAGE=JScript
ONMOUSEOUT="this.className='LeftNavOff'"
ONMOUSEOVER="this.className='LeftNavUp'"><DIV ALIGN="CENTER"><A HREF="#" CLASS="cc">选择</A></DIV></TD></TR>
<TR> <TD><DIV ALIGN="CENTER"></DIV></TD></TR> <TR> <TD CLASS=LeftNavOff ID=item3 LANGUAGE=JScript
ONMOUSEOUT="this.className='LeftNavOff'"
ONMOUSEOVER="this.className='LeftNavUp'"><DIV ALIGN="CENTER"><A HREF="#" CLASS="cc">选择</A></DIV></TD></TR>
<TR> <TD><DIV ALIGN="CENTER"></DIV></TD></TR> <TR> <TD CLASS=LeftNavOff ID=item4 LANGUAGE=JScript
ONMOUSEOUT="this.className='LeftNavOff'"
ONMOUSEOVER="this.className='LeftNavUp'"><DIV ALIGN="CENTER"><A HREF="#" CLASS="cc">选择</A></DIV></TD></TR>
<TR> <TD><DIV ALIGN="CENTER"></DIV></TD></TR> <TR> <TD CLASS=LeftNavOff ID=item5 LANGUAGE=JScript
ONMOUSEOUT="this.className='LeftNavOff'"
ONMOUSEOVER="this.className='LeftNavUp'"><DIV ALIGN="CENTER"><A HREF="#" CLASS="cc">选择</A></DIV></TD></TR>
<TR> <TD><DIV ALIGN="CENTER"></DIV></TD></TR> <TR> <TD CLASS=LeftNavOff ID=item6 LANGUAGE=JScript
ONMOUSEOUT="this.className='LeftNavOff'"
ONMOUSEOVER="this.className='LeftNavUp'"><DIV ALIGN="CENTER"><A HREF="#" CLASS="cc">选择</A></DIV></TD></TR>
<TR> <TD></TD></TR> </TABLE><SPAN CLASS="cc"></SPAN>