来看看这段代码啊，我不会改了
<STYLE   type=text/css> .sec1   {
BORDER-RIGHT:   ;   CURSOR:   hand;   COLOR:   #000000;  
}
.sec2   {
BORDER-RIGHT:   ;   FONT-WEIGHT:   bold;   CURSOR:   hand;   COLOR:  

#000000;  
}
.main_tab   {
BORDER-RIGHT:   ;     COLOR:   #000000;   BORDER-

BOTTOM:   gray   1px   solid;  
}
</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   width=300   border=0>
                            <TBODY>
                            <TR   align=middle   height=20>
                                <TD   class=sec2   onclick=secBoard(0)   width= "10% "> Product   Info </TD>
                                <TD   class=sec1   onclick=secBoard(1)   width= "10% "> Service </TD>
                                </TR> </TBODY> </TABLE>
                        <TABLE   height=142   width=510   border=0> <!--关于TBODY标记-->
                            <TBODY   style= "DISPLAY:   block ">
                            <TR>
                                <TD   width= "332 "   align=middle   vAlign=top   bordercolor= "#FFFFFF "> <TABLE   class=main_tab   id=mainTable   width=300   height= "96 "   border=0   bordercolor= "#FFFFFF ">
                                        <TBODY>
                                &