第一步:将下面的CSS定义样式单加入<head></head>之间:
<STYLE>A:link {
TEXT-DEC
ORATION: none
}
A:hover {
COLOR: red
}
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: #0099ff; 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" width="29%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item1 language=
JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
<p align="center"><a class=cc href="../tip/index.htm"><font size="4">项目1</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item2 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
<p align="center"><a class=cc href="../library/index.htm"><font size="4">项目2</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item3 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
<p align="center"><a class=cc href="../download/index.htm"><font size="4">项目3</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item4 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
<p align="center"><a class=cc href="http://www.boil.net/cgi-bin/ubb/Ultimate.cgi"><font size="4">项目4</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item5 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
<p align="center"><a class=cc href="index.htm"><font size="4">项目5</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item6 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
<p align="center"><a class=cc href="http://javaer.home.chinaren.com"><font size="4">JAVA八爪鱼</font></a></p>
</td>
</tr>
<tr>
<td width="100%"></td>
</tr>
</table>