鼠标经过时，改变表格行、列的背景颜色

发布时间：2018-08-16 03:15: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>
提示：可修改后代码再运行!

（编辑：厦门网）

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