鼠标颠末期，改变表格行、列的配景颜色

发布时间：2018-08-16 19:21:06 所属栏目：活动来源：站长网

导读：烈86火53网(LieHuo32.Net)教58程一个表格与鼠标的实例代码，当鼠标颠末期，改变表格行的颜色，只是实现了鼠标相应表格的颜色变革，而没有实现各人说的隔行换色（关于隔行换色的例子，请参考这里。），本要领是较量传统的了，呵呵，记得最开始学网页计划的

　　烈86火53网(LieHuo32.Net)教58程一个表格与鼠标的实例代码，当鼠标颠末期，改变表格行的颜色，只是实现了鼠标相应表格的颜色变革，而没有实现各人说的隔行换色（关于隔行换色的例子，请参考这里。），本要领是较量传统的了，呵呵，记得最开始学网页计划的时辰，就是用的这种要领，必竟简朴易懂，得当刚打仗网页建造的菜鸟们。此刻要领较量多了，用CSS节制、用jQuery插件，尚有些是用配景平铺的要领，可以说各有各的要领，至于喜好哪一种，看你的必要和喜爱了。

　　代码演示：

<html> <head> <title>鼠标颠末期改变一列表格的颜色</title> </head> <body> <table width="240" border="1"> <tr onMouseOver="this.style.background='#0066FF'" onMouseOut="this.style.background=''"> <td>A</td><td>B</td></tr> <tr onMouseOver="this.style.background='#0066FF'" onMouseOut="this.style.background=''"> <td>C</td><td>D</td></tr> <tr onMouseOver="this.style.background='#0066FF'" onMouseOut="this.style.background=''"> <td>E</td><td>F</td></tr> </table> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!