这是一个非常简单的,css和html结合的效果,,下面是代码
先来定义样式表
<style>
.cellColor { BACKGROUND:E6E7E8;}
.cellChangeColor{ BACKGROUND:#939598;}
</style>
下面使用表单调用样式表,这样就简单完成了这个功能的使用
<table cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
<tr class="cellColor" οnmοuseοver=this.className='cellChangeColor' onMouseOut=this.className='cellColor'>
<td height=20 width="135" align="center">第一个
</td>
</tr>
<tr class="cellColor" οnmοuseοver=this.className='cellChangeColor' onMouseOut=this.className='cellColor'>
<td height=20 width="135" align="center">第二个
</td>
</tr>
<tr class="cellColor" οnmοuseοver=this.className='cellChangeColor' onMouseOut=this.className='cellColor'>
<td height=20 width="135" align="center">第三个
</td>
</tr>
<tr class="cellColor" οnmοuseοver=this.className='cellChangeColor' onMouseOut=this.className='cellColor'>
<td height=20 width="135" align="center">第四个
</td>
</tr>
<table>