简单效果如何在firefox下通过

      <style type="text/css"><!--TD,body,table,font {FONT-SIZE: 12px;}
.solid-bottom {BORDER-BOTTOM: #dddddd 0px solid}.sec1  {
background-color:  #F4F4F4;
cursor:  hand;
color:  #000000;
border-left:  1px  solid  #FFFFFF;
border-top:  1px  solid  #FFFFFF;
border-right:  1px  solid  gray;
border-bottom:  1px  solid  #FFFFFF
}
.sec2  {
background-color:  #EAEAEA;
cursor:  hand;
color:  #58A200;
border-left:  1px  solid  #FFFFFF;
border-top:  1px  solid  #FFFFFF;
border-right:  1px  solid  gray;
font-weight:  bold;
}
--></style>
<table id="secTable" cellspacing="0" cellpadding="0" width="800" border="0" align="center">
    <tbody>
        <tr>
          <td class="sec2" align="center" height="30" onClick="secBoard(0)">1</td>
            <td class="sec1" align="center" onClick="secBoard(1)">2</td>
            <td class="sec1" align="center" onClick="secBoard(2)">3</td>
            <td class="sec1" align="center" onClick="secBoard(3)">4</td>
            <td class="sec1" align="center" onClick="secBoard(4)">5</td>
            <td class="sec1" align="center" onClick="secBoard(5)">6</td>
            <td class="sec1" align="center" onClick="secBoard(6)">7</td>
            <td class="sec1" align="center" onClick="secBoard(7)">8</td>
            <td class="sec1" align="center" onClick="secBoard(8)">9</td>
        </tr>
        <tr>
          <td class="sec1" align="center" height="30" onClick="secBoard(9)">11</td>
            <td class="sec1" align="center" onClick="secBoard(10)">12</td>
            <td class="sec1" align="center" onClick="secBoard(11)">13</td>
            <td class="sec1" align="center" onClick="secBoard(12)">14</td>
            <td class="sec1" align="center" onClick="secBoard(13)">15</td>
            <td class="sec1" align="center" onClick="secBoard(14)">16</td>
            <td class="sec1" align="center" onClick="secBoard(15)">17</td>
            <td class="sec1" align="center" onClick="secBoard(16)">18</td>
            <td class="sec1" align="center" onClick="secBoard(17)">19</td>
        </tr>
    </tbody>
</table>
<script language="JavaScript" type="text/javascript">
function  secBoard(n)
{
for(i=0;i<document.getElementById("secTable").cells.length;i++)
document.getElementById("secTable").cells[i].className="sec1";
document.getElementById("secTable").cells[n].className="sec2";
}
</script>
-------------------------上面代码如何在firefox下通过,求高手帮忙,用jquery也可

解决方案 »

  1.   

    <html>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
        <style>
    TD,body,table,font {FONT-SIZE: 12px;}
    .solid-bottom {BORDER-BOTTOM: #dddddd 0px solid}.sec1 {
    background-color: #F4F4F4;
    cursor: hand;
    color: #000000;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid gray;
    border-bottom: 1px solid #FFFFFF
    }
    .sec2 {
    background-color: #EAEAEA;
    cursor: hand;
    color: #58A200;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid gray;
    font-weight: bold;
    }
    --></style>
        <body >  
        <table id="secTable" cellspacing="0" cellpadding="0" width="800" border="0" align="center">
      <tbody>
      <tr>
      <td class="sec2" align="center" height="30" onClick="secBoard(0)">1</td>
      <td class="sec1" align="center" onClick="secBoard(1)">2</td>
      <td class="sec1" align="center" onClick="secBoard(2)">3</td>
      <td class="sec1" align="center" onClick="secBoard(3)">4</td>
      <td class="sec1" align="center" onClick="secBoard(4)">5</td>
      <td class="sec1" align="center" onClick="secBoard(5)">6</td>
      <td class="sec1" align="center" onClick="secBoard(6)">7</td>
      <td class="sec1" align="center" onClick="secBoard(7)">8</td>
      <td class="sec1" align="center" onClick="secBoard(8)">9</td>
      </tr>
      <tr>
      <td class="sec1" align="center" height="30" onClick="secBoard(9)">11</td>
      <td class="sec1" align="center" onClick="secBoard(10)">12</td>
      <td class="sec1" align="center" onClick="secBoard(11)">13</td>
      <td class="sec1" align="center" onClick="secBoard(12)">14</td>
      <td class="sec1" align="center" onClick="secBoard(13)">15</td>
      <td class="sec1" align="center" onClick="secBoard(14)">16</td>
      <td class="sec1" align="center" onClick="secBoard(15)">17</td>
      <td class="sec1" align="center" onClick="secBoard(16)">18</td>
      <td class="sec1" align="center" onClick="secBoard(17)">19</td>
      </tr>
      </tbody>
    </table>
    <script language="JavaScript" type="text/javascript">
    function secBoard(n)
    {
    for(i=0;i<document.getElementById("secTable").getElementsByTagName('td').length;i++)
    document.getElementById("secTable").getElementsByTagName('td')[i].className="sec1";
    document.getElementById("secTable").getElementsByTagName('td')[n].className="sec2";
    }
    </script> 
        
            
        </body>
    </html>