特殊显示的按钮，是用CSS效果做成的按钮

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 特殊显示的按钮，是用CSS效果做成的按钮 (http://www.webasp.net/javascript/1/472.htm)
-- 发布日期： 2005-06-13
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<STYLE type=text/css>
.button {
BORDER-LEFT: #fcaf63 1px solid; BORDER-RIGHT: #fcaf63 1px solid; COLOR: #330000
}
.button1 {
BORDER-LEFT: #660000 1px solid; BORDER-RIGHT: #660000 1px solid; COLOR: #ff8338
}
.buttonover {
BACKGROUND-COLOR: #fec281; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #000000 1px solid; CURSOR: hand; 1px: #330000
}
.buttonover1 {
BACKGROUND-COLOR: #881d00; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #000000 1px solid; COLOR: #ff8338; CURSOR: hand
}

.buttondown {
BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #ffffff 1px solid; COLOR: #330000
}

</STYLE>
<TABLE align=center bgColor=#660000 border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR align=middle>
<TD align=middle class=button1
onclick="location.href='#'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button1';"
onmouseover="this.className='buttonover1';" width=35>南京</TD>
<TD align=middle class=button1
onclick="location.href='#'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button1';"
onmouseover="this.className='buttonover1';" width=35>南京</TD>
<TD align=middle class=button1
onclick="location.href='#'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button1';"
onmouseover="this.className='buttonover1';" width=35>南京</TD>
</TR></TBODY></TABLE>
<TABLE align=center bgColor=#fcaf63 border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align=middle class=button
onclick="location.href='#'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button';"
onmouseover="this.className='buttonover';">淮安</TD>
<TD align=middle class=button
onclick="location.href='#'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button';"
onmouseover="this.className='buttonover';">泰州</TD>
<TD align=middle class=button
onclick="location.href='#'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button';"
onmouseover="this.className='buttonover';">宿迁</TD></TR></TBODY></TABLE>

webasp.net