当前位置：开发者网络 >> 网页特效 >> 按钮特效 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
特殊显示的按钮，是用CSS效果做成的按钮
日期：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>