鼠標(biāo)移動(dòng)到某個(gè)單元格上后，整個(gè)列都變色的實(shí)現(xiàn)方法

更新時(shí)間：2007年01月16日 00:00:00 作者：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

以上代碼可以實(shí)現(xiàn)鼠標(biāo)移動(dòng)到單元格上，單元格變色，現(xiàn)在我想實(shí)現(xiàn)鼠標(biāo)移動(dòng)到某個(gè)單元格上后，整個(gè)列都變色不知道可以不可以實(shí)現(xiàn)呢？

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>如何定義表格的鼠標(biāo)隔列變色行為</title> <style> body {     font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;     color: #4f6b72;     background: #E6EAE9; } .mytable {     width: 80%;     padding: 0;     margin: 0; } .mytable td {     border-bottom: 1px solid #C1DAD7;     background: #fff;     font-size:12px;     padding: 6px 6px 6px 0px;     align:center;     color: #4f6b72; } td.alt {     background: #F5FAFA;     text-align:center;     color: #797268; } td.baialt {     background: #FFFFFF;     text-align:center;     color: #000; } td.spec {     border-top: 0;     background: #fff ;     text-align:center;     font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } td.specalt {     border-top: 0;     background: #f5fafa ;     text-align:center;     font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;     color: #797268; } </style> </head> <script language="javascript"> function senfe(sid){     var tds=sid.getElementsByTagName("td")     for(var i=0;i<tds.length;i++){         if(tds[i].className=='alt'){             tds[i].className="baialt";         }else{             tds[i].className="alt";         }     } } </script> <body>           <div align="center">           <table class=mytable cellspacing="0" id="table1" onmouseover="senfe(this)" onmouseout="senfe(this)">         <tr>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>         </tr>         <tr>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>         </tr>         <tr>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>         </tr>         <tr>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>         </tr>           </table>                        </div>           <p align="center">當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)希望實(shí)現(xiàn)隔列變色（最好是反色） ，效果示例如下：</p>             <div align="center">           <table class=mytable cellspacing="0" id="table2">         <tr align="center">             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>             <td class="alt" height="45"></td>             <td class="baialt" height="45"></td>         </tr>           </table>                        </div>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

代碼已經(jīng)帖上來(lái)，現(xiàn)在鼠標(biāo)移動(dòng)到單元格變色
phx.rows[i].cells[j].onmouseover=function()
        {
         if(pObj!=this){
                         this.bgColor=overcolor;}
              }
以及移出單元格變色
phx.rows[i].cells[j].onmouseout=function()
              {
        if(pObj!=this){
                        this.bgColor=outcolor;}
              }
都已經(jīng)解決·
剩下的問(wèn)題是phx.rows[i].cells[j].onclick也就是我單擊了表格的某個(gè)單元格后，希望這個(gè)單元格所在的那一列都可以變色，請(qǐng)問(wèn)如何處理呢？

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: