鼠标移动到某个单元格上后，整个列都变色的实现方法

站长资源 2024/11/20 佚名

55 1538 55

相思资源网 Design By www.200059.com

            
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
以上代码可以实现鼠标移动到单元格上，单元格变色，现在我想实现鼠标移动到某个单元格上后，整个列都变色不知道可以不可以实现呢？
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>如何定义表格的鼠标隔列变色行为</title> <style> body { font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9; } .mytable { width: 80%; padding: 0; margin: 0; } .mytable td { border-bottom: 1px solid #C1DAD7; background: #fff; font-size:12px; padding: 6px 6px 6px 0px; align:center; color: #4f6b72; } td.alt { background: #F5FAFA; text-align:center; color: #797268; } td.baialt { background: #FFFFFF; text-align:center; color: #000; } td.spec { border-top: 0; background: #fff ; text-align:center; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } td.specalt { border-top: 0; background: #f5fafa ; text-align:center; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; } </style> </head>             
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

标签：