滑鼠移動到某個儲存格上後,整個列都變色的實現方法

來源:互聯網
上載者:User

<br /><table width="80%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#f4f4f4" id="phx"><tr><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td></tr></table><p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

以上代碼可以實現滑鼠移動到儲存格上,儲存格變色,現在我想實現滑鼠移動到某個儲存格上後,整個列都變色不知道可以不可以實現呢?<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /><style> body { font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9; } .mytable { width: 80%; padding: 0; margin: 0; } </p><p>.mytable td { border-bottom: 1px solid #C1DAD7; background: #fff; font-size:12px; padding: 6px 6px 6px 0px; align:center; color: #4f6b72; } </p><p>td.alt { background: #F5FAFA; text-align:center; color: #797268; } </p><p>td.baialt { background: #FFFFFF; text-align:center; color: #000; } </p><p>td.spec { border-top: 0; background: #fff ; text-align:center; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } </p><p>td.specalt { border-top: 0; background: #f5fafa ; text-align:center; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; } </style><p><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><p align="center">當滑鼠經過時希望實現隔列變色(最好是反色) ,效果樣本如下:</p><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><p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

代碼已經帖上來,現在滑鼠移動到儲存格變色
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;}
}
都已經解決·
剩下的問題是phx.rows[i].cells[j].onclick也就是我單擊了表格的某個儲存格後,希望這個儲存格所在的那一列都可以變色,請問如何處理呢?<br /><table width="80%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#f4f4f4" id="phx"><tr><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td></tr></table><p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.