<table>
<tr onmouseover="this.bgColor='#ff0000'" onmouseout="this.bgColor=''"><td>1</td></tr>
<tr onmouseover="this.bgColor='#00ff00'" onmouseout="this.bgColor=''"><td>2</td></tr>
<tr onmouseover="this.bgColor='#0000ff'" onmouseout="this.bgColor=''"><td>3</td></tr>
</table>

解决方案 »

  1.   

    楼上的做法和我的一样,我 觉得css里好像不能定义动态的形式吧。
    一般都是上面的方法。
      

  2.   

    //css文件:
    .normal {padding:1px;filter:alpha(opacity=50);}.up {padding:1px;border:#999999 0px solid;background:#cccccc;color:#000000;}.down {padding:1px;border:dbdbdb 0px solid;background:#cccccc;color:#000000;}//应用:<tr class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up'" onMouseOut="this.className='normal'" onMouseUp="this.className='up'">
      

  3.   

    请问可不可以利用behavior来搞定这个问题?即在.css中定义
    tr{
     behavior:
    }可以的话应怎样做呢?