以假乱真-单元格模拟按钮

      设计::文摘 2004-11-18 11:24
把如下代码加入<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='http://www.1stscript.com'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button1';"
onmouseover="this.className='buttonover1';" width=35>南京</TD>
<TD align=middle class=button1
onclick="location.href='http://www.1stscript.com'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button1';"
onmouseover="this.className='buttonover1';" width=35>南京</TD>
<TD align=middle class=button1
onclick="location.href='http://www.1stscript.com'"
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='http://www.1stscript.com'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button';"
onmouseover="this.className='buttonover';">淮安</TD>
<TD align=middle class=button
onclick="location.href='http://www.1stscript.com'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button';"
onmouseover="this.className='buttonover';">泰州</TD>
<TD align=middle class=button
onclick="location.href='http://www.1stscript.com'"
onmousedown="this.className='buttondown';"
onmouseout="this.className='button';"
onmouseover="this.className='buttonover';">宿迁</TD></TR></TBODY></TABLE>
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}