提提今天遇到的问题

今天需要做的是网站内的统计块 里面共三块 如果用div做的话 相当于写了四个web窗体 其实还不如直接建四个窗体来的简单 所以本着自己简单方便的心态去网上逛了下 发现 还是js分页简单 可以很简单的实现分页的功能 以下是代码块 虽然还不太会用 但还是共享下吧。

<STYLE type=text/css>.sec1 {
 BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #eeeeee
}
.sec2 {
 BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
 BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8
}
</STYLE>
<!--JavaScript部分-->
            <SCRIPT  language="javascript"  >
     function secBoard(n)
  {
    for(i=0;i<secTable.cells.length;i++)
      secTable.cells[i].className="sec1";
    secTable.cells[n].className="sec2";
    for(i=0;i<mainTable.tBodies.length;i++)
      mainTable.tBodies[i].style.display="none";
    mainTable.tBodies[n].style.display="block";
  }
      </SCRIPT>
<!--HTML部分-->
            <TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
              <TBODY>
              <TR align=middle height=20>
                <TD class="sec2" onclick=secBoard(0) width="10%">消费统计</TD>
                <TD class="sec1" onclick=secBoard(1) width="10%">兑换物品统计</TD>
                <TD class="sec1" onclick=secBoard(2) width="10%">会员统计</TD>
                </TR></TBODY></TABLE>
            <TABLE class="main_tab" id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--消费统计-->
              <TBODY style="DISPLAY: block">
              <TR>
                <TD vAlign=top align=middle>
                  </TD></TR></TBODY><!--兑换物品统计-->
              <TBODY style="DISPLAY: none">
              <TR>
                <TD vAlign=top align=middle>                             
                  </TD></TR></TBODY><!--会员统计-->
              <TBODY style="DISPLAY: none">
              <TR>
                <TD vAlign=top align=middle>          
                  </TD></TR></TBODY></TBODY>
                  </TABLE>

本人的js知识太薄弱了 还是需要多多学习学习 好多方便又漂亮又使用的功能都是需要用js来实现的 以后的得多看看相关知识。