主题:  请教表格的鼠标效果

xiaodan
职务：普通成员
等级：2
金币：2.5
发贴：330
#12004/4/16 11:52:26
<table width="200" height="100" border="1">
<tr>
<td>1</td><td>2</td>
</tr>
<tr>
<td>3</td><td>4</td>
</tr>
</table>


《房地产PSD分层素材库》12DVD100元一套！电子目录地址

{ 在指尖上绽放的花朵 }
职务：普通成员
等级：5
金币：14.0
发贴：3209
#22004/4/16 15:25:05
啥意思呢？



绿茶
职务：普通成员
等级：8
金币：10.0
发贴：19267
#32004/4/16 15:34:07
function cbc1(id){
    if(id){
        id.bgColor = "#ffff00";
    }
}
function cbc2(id){
    if(id){
        id.bgColor = "#ffffff";
    }
}

<tr id="id=id1" onmouseover="cbc1(this);return false;" onmouseout="cbc2(this);return false;">



whirlwind
职务：普通成员
等级：1
金币：0.0
发贴：94
#42004/4/19 12:07:56
是不是鼠标划过动态改变表格颜色啊？可参看

<p>javascript:this.bgColor</p>
<table width="50%" height="300" border="1" align="center" bordercolor="#000000" style="border-collapse: collapse">
<tr>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="9%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="10%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td width="21%" onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
<tr>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
<td onmouseover=javascript:this.bgColor='#768495' onmouseout=javascript:this.bgColor='#FFFFFF'> </td>
</tr>
</table>

演示在
okxxl.webspace4free.biz/a455.html