JavaScript实现表格特效

1.样式一


代码如下：
<table width="200" border="1" cellpadding="1" cellspacing="3" bordercolor="#ffffff" bgcolor="#FF9966" borderColorLight=#000000>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

2.样式二


代码如下：

<table width="200" border="1" cellpadding="1" cellspacing="3" bordercolor="#ffffff" bgcolor="#FF9966" borderColordark=#000000>

网管联盟bitsCN@com

<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

3.样式三


代码如下：

<table border=1 cellspacing=0 width=44% bordercolorlight=#333333 bordercolordark=#efefef>
<tr bgcolor=#cccccc>
<td width="50%" bgcolor="#FF9966">&nbsp;</td>
<td width="50%" bgcolor="#FF9966"><font color="#ff0000" face="隶书">&nbsp;</font></td>
</tr>
<tr bgcolor=#cccccc> 网管网www.bitscn.com
<td bgcolor="#FF9966"><font color="#ff0000" face="隶书">&nbsp;</font></td>
<td bgcolor="#FF9966"><font color="#ff0000" face="隶书">&nbsp;</font></td>
</tr>
</table>

4.样式四


代码如下:

<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR>
<TD bgcolor="#FF9966">&nbsp;</TD>
</TR>
<TR>
<TD bgcolor="#FF9966">&nbsp;</TD>
</TR>
</TBODY>
</TABLE>

5.样式五

是不是有点象按钮啊：)

代码如下：

<TABLE height=48 cellSpacing=1 borderColorDark=#ffffff cellPadding=1
width=309 align=left borderColorLight=#ffffff border=1>
<TBODY>
<TR>
<TR align=middle>
<TD borderColorLight=#000000 width=178
bgColor=#FF9966 borderColorDark=#eeeeee height=24>是不是有点象按钮啊：)</TD>
<TD borderColorLight=#000000 width=181 bgColor=#FF6666
borderColorDark=#eeeeee>&nbsp;</TD>
</TR>
<TR align=middle>
<TD borderColorLight=#000000 bgColor=#6699FF
borderColorDark=#eeeeee height=24>&nbsp;</TD>
<TD borderColorLight=#000000 bgColor=#33CC33
borderColorDark=#eeeeee>&nbsp;</TD>
</TR>
</TBODY>
</TABLE><br>