如何用JS在JSP中实现多个”标签(tabel)“的显示。

<HTML><HEAD><TITLE>显示属性－www.51windows.Net</TITLE>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2627" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<STYLE type=text/css>
<!--
body{font-family: 'MS Shell Dlg', 宋体, Tahoma;font-size: 12px;background-color: #336699;color:#000000;}
td, div, input, textarea{font-family: 'MS Shell Dlg', 宋体, Tahoma;font-size: 12px;cursor: default;}
.title{background-color: #000080;color:#fdf7d3;padding: 1;font-family:宋体;font-size:12px;}
.up{background-color: #cccccc;color:#000000;border: 2px outset #ffffff}
.down{background-color: #cccccc;border:2px inset #ffffff}
.up1{background-color: #cccccc;color: #000000;border: 1px outset #ffffff}
.down1{background-color:#cccccc;border:1px inset #ffffff}
.l           { background-color: #cccccc; height: 18px; border-left: 2px outset #ffffff; 
               border-right: 2px outset #ffffff; color:#000000;
               border-top: 2px outset #ffffff; padding-top: 2;height:18}
.lc           { background-color: #cccccc; height: 18px; border-left: 2px outset #ffffff; 
               border-right: 2px outset #ffffff; color:#000000;
               border-top: 2px outset #ffffff; padding-top: 2;height:20}
.l-h         { background-color: #cccccc; border-left: 2px outset #ffffff ; border-top: 2px outset #ffffff;color:#000000; }
.l-c         { background-color: #cccccc; border-top: 2px outset #ffffff }
.l-r         { background-color: #cccccc; border-right: 2px outset #ffffff; border-top: 2px outset #ffffff;color:#000000;}
.l-hc         { background-color: #cccccc; border-left: 2px outset #ffffff;color:#000000;}
.l-cc         { background-color: #cccccc;color:#000000; }
.l-rc         { background-color: #cccccc; border-right: 2px outset #ffffff;color:#000000;}
td{color:#000000;}
-->
</STYLE>
</HEAD>
<BODY style="BORDER-RIGHT: #ffffff 1px outset; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px outset; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px outset; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px outset; BACKGROUND-COLOR: #cccccc" scroll=no>
<SCRIPT language=JavaScript>
<!--
function restore()
{
td1.className="l";td2.className="l";td3.className="l";td4.className="l";td5.className="l";td6.className="l";
td_1.className="l-h";td_2.className="l-c";td_3.className="l-c";td_4.className="l-c";td_5.className="l-c";td_6.className="l-c";
w1.style.display="none";w2.style.display="none";w3.style.display="none";w4.style.display="none";w5.style.display="none";w6.style.display="none";
}
function c1()
{
td1.className="lc";
td_1.className="l-hc";
w1.style.display="block";
}
function c2()
{
td2.className="lc";
td_2.className="l-cc";
w2.style.display="block";
}
function c3()
{
td3.className="lc";
td_3.className="l-cc";
w3.style.display="block";
}
function c4()
{
td4.className="lc";
td_4.className="l-cc";
w4.style.display="block";
}
function c5()
{
td5.className="lc";
td_5.className="l-cc";
w5.style.display="block";
}
function c6()
{
td6.className="lc";
td_6.className="l-cc";
w6.style.display="block";
}
//-->
</SCRIPT><FORM name=free method=post target=_target>
<DIV align=center>
<CENTER>
<TABLE height=61 cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD onclick=restore();c1(); vAlign=bottom align=middle width=50 height=20>
<DIV class=lc id=td1>背景</DIV></TD>
<TD onclick=restore();c2(); vAlign=bottom align=middle width=50 height=20>
<DIV class=l id=td2>屏保</DIV></TD>
<TD onclick=restore();c3(); vAlign=bottom align=middle width=50 height=20>
<DIV class=l id=td3>外观</DIV></TD>
<TD onclick=restore();c4(); vAlign=bottom align=middle width=50 height=20>
<DIV class=l id=td4>Web</DIV></TD>
<TD onclick=restore();c5(); vAlign=bottom align=middle width=50 height=20>
<DIV class=l id=td5>效果</DIV></TD>
<TD onclick=restore();c6(); vAlign=bottom align=middle width=50 height=20>
<DIV class=l id=td6>设置</DIV></TD>
<TD vAlign=bottom align=middle width=50 height=20></TD>
<TD vAlign=bottom align=middle width=50 height=20></TD></TR>
<TR>
<TD class=l-hc id=td_1 align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-c id=td_2 align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-c id=td_3 align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-c id=td_4 align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-c id=td_5 align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-c id=td_6 align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-c id=td_ align=middle width=50 height=1>&nbsp;</TD>
<TD class=l-r id=td_ align=middle width=50 height=1>&nbsp;</TD></TR>
<TR>
<TD class=up style="PADDING-RIGHT: 5px; BORDER-TOP: 0px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px" width=398 colSpan=8 height=360>
<P align=center> 
<DIV align=center>
<TABLE height=325 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="100%" height=280>
<DIV align=center>
<CENTER>
<DIV id=w1>
<H1>1</H1></DIV>
<DIV id=w2 style="DISPLAY: none">
<H1>2</H1></DIV>
<DIV id=w3 style="DISPLAY: none">
<H1>3</H1></DIV>
<DIV id=w4 style="DISPLAY: none">
<H1>4</H1></DIV>
<DIV id=w5 style="DISPLAY: none">
<H1>5</H1></DIV>
<DIV id=w6 style="DISPLAY: none">
<H1>6</H1></DIV></CENTER></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></CENTER>
<TR>
<TD style="PADDING-RIGHT: 5px; BORDER-TOP: 0px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px" width=398 colSpan=8 height=37>
<P align=right><INPUT class=up style="WIDTH: 60px; HEIGHT: 22px" type=button value=确定 name=_ok> <INPUT class=up style="WIDTH: 60px; HEIGHT: 22px" onclick=window.close(); type=button value=取消 name=_cancel> <INPUT class=up style="WIDTH: 60px; HEIGHT: 22px" disabled type=button value=应用(A) name=_apply> </P></TD></TR></TBODY></TABLE></DIV></FORM></BODY></HTML>