一种表格背景色渐变效果的实现

</p> <p><title>无标题文档</title> </p> <p>.menu td{ font-size:12px; color:white; font-weight:bold; background-color:#336699; border:1px solid #336699;<br /> border:1px solid #336699; filter:blendtrans(duration=1); text-align:center;} </p> <p>function showfilter(obj){<br /> var tds=obj.getelementsbytagname("td");<br /> for(var i=0;i<tds.length;i++)<br /> {with(tds[i])<br /> {onmouseover=function(){with(this){filters[0].apply();<br /> style.color='black';<br /> style.border='1px solid white';<br /> style.background='#66ccff';<br /> filters[0].play();}}<br /> onmouseout=function(){with(this){filters[0].apply();<br /> style.color='white';<br /> style.border='1px solid #336699';<br /> style.background='#336699';<br /> filters[0].play();}}<br /> }}} </p> <table width="500" border="1" cellspacing="1" cellpadding="1" class="menu" id="xmenu"> <tr> <td height="30">1111111111111</td> </tr> <tr> <td height="30">2222222222222</td> </tr> <tr> <td height="30">3333333333333</td> </tr> <tr> <td height="30">4444444444444</td> </tr> <tr> <td height="30">5555555555555</td> </tr> <tr> <td height="30">6666666666666</td> </tr> <tr> <td height="30">77777777777777</td> </tr> <tr> <td height="30">88888888888888</td> </tr> <tr> <td height="30">99999999999999</td> </tr> </table> <p>showfilter(xmenu); </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]