|
如果当我们用鼠标放在表格的行上时,这行的颜色会相应的改变,是不是会给人一个惊喜呀?下面我们就来实现这个小特效吧!
<html><head><title>动态格式测试--IT知道网(itwis.com)</title></head> <style type="text/css"> .over{background-color:#C6D7E7} .out{background-color:#FFF7E7} </style> <body>
<table border=1 > <tr class="out" onmouseover="this.className='over'" onmouseout="this.className='out'"> <td>测试一</td> <td>测试一</td> </tr> <tr class="out" onmouseover="this.className='over'" onmouseout="this.className='out'"> <td>测试一</td> <td>测试一</td> </tr> <tr class="out" onmouseover="this.className='over'" onmouseout="this.className='out'"> <td>测试一</td> <td>测试一</td> </tr> </table> </body> </html>
或者 <td height="20" bgcolor="#fff5fb" onmouseover='bgColor="#ffffff"' onmouseout='bgColor="#FFF5FB"'> 直接加到标签里面也可以。
|