js实现的一个表格效果

<table width="500"  border="0" cellpadding="1" cellspacing="1" id="tbl" style=" border:1px solid #f00;">


  <tr>


    <td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>


    <td>2007-11-01</td>


  </tr>


  <tr>


    <td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>


    <td>2007-11-01</td>


  </tr>


  <tr>


    <td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>


    <td>2007-11-01</td>


  </tr>


  <tr>


    <td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>


    <td>2007-11-01</td>


  </tr>


  <tr>


    <td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>


    <td>2007-11-01
b47c
</td>


  </tr>


</table>




<script language="javascript"> 


window.onload=insert_row_line();


function insert_row_line()




...{


    var n;


    var j=0;


    n=tbl.rows.length;


    for (var i=1;i<n;i++)




    ...{


        if((i%2)==0)




        ...{


            R=tbl.insertRow(i+j);


            C=R.insertCell(0);


            C.colSpan=2;


            C.innerHTML="<div style="background:#ccc;height:10px;"></div>";


            j++;


        }


    }


}


</script>