javascript如何实现滑动效果

这个是参照的例子:
<html>   
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  <title>1111</title>     <style>   
    
  .relativeTag   
  {   
         position:relative;     
  };     .fixCol   
  {   
  background-color:#cccccc;   
  position:relative;     
  left:expression(this.parentElement.offsetParent.scrollLeft);     
  };     
    
  .mainDiv     
  {     
        overflow:auto;     
  }   
  </style>   
  </head>   
    
    <body>   
      <div   class="mainDiv"   style="width:200px;height:150px;">   
            <table     width="100%"   border=1   cellspacing=0     >   
                <TR   class="relativeTag"   >   
                    <TD   class="fixCol"   width="100"   nowrap>Header   A</TD>   
                    <TD   width="100"   nowrap>Header   B</TD>   
                    <TD   width="100"   nowrap>Header   C</TD>   
                </TR>   
                <TR   class="relativeTag"   >   
                    <TD   class="fixCol"   >A</TD>   
                    <TD>B</TD>   
                    <TD>C</TD>   
                </TR>   
            </table>   
      </div>   
    </body>   
  </html>   =================================================我遇到的问题是先生成html,如下所示,然后在用javascipt把这些style效果放上去,请问怎么写?
<html>   
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  <title>1111</title>   </head>   
    
    <body>   
      <div id="divInfo">   
            <table     width="100%"   border=1   cellspacing=0     >   
                <TR>   
                    <TD>Header   A</TD>   
                    <TD>Header   B</TD>   
                    <TD>Header   C</TD>   
                </TR>   
                <TR>   
                    <TD>A</TD>   
                    <TD>B</TD>   
                    <TD>C</TD>   
                </TR>   
            </table>   
      </div>   
    </body>   
  </html>