<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需重新整理才能執行]