<table width="80%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#f4f4f4" id="phx"> <tr><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td></tr></table> [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> <body> <table class=mytable cellspacing="0" id="table1" onmouseover="senfe(this)" onmouseout="senfe(this)"> <tr> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> </tr> <tr> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> </tr> <tr> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> </tr> <tr> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> <td class="baialt" height="45"></td> <td class="alt" height="45"></td> </tr> </table> <div class="pagination"><a title="Page"> <b>1</b>/<b>2</b> </a> <b>1</b> <a href="/cos/2019/0603/298521_2.shtml">2</a> <a href="/cos/2019/0603/298521_2.shtml">下一页</a> <a href="/cos/2019/0603/298521_2.shtml">尾页</a></div> </div> </div> </div> <div class="postMore"> <div class="tab" id="tab"> <span class="active">相关文章</span> <span>大家在看</span> </div> <div class="tabdiv"> <div class="tabpane"> <ul class="articleBar"> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097329.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg" src="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg"></div> <div class="txtInfo"><h3>Node.js使用express写接口的具体代码</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097326.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/58/1097326.jpg" src="https://www.easck.com/d/file/ap/a4/58/1097326.jpg"></div> <div class="txtInfo"><h3>TensorFlow.js实现AI换脸使用示例详解</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097270.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg"></div> <div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097269.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg" src="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg"></div> <div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097266.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg"></div> <div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097265.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/40/1097265.jpg" src="https://www.easck.com/d/file/ap/a4/40/1097265.jpg"></div> <div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097264.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg"></div> <div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097256.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg" src="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg"></div> <div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097254.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg"></div> <div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097253.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg"></div> <div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> </ul> </div> </div> <div class="tabpane"> <ul class="articleBar"> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097329.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg" src="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg"></div> <div class="txtInfo"><h3>Node.js使用express写接口的具体代码</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097326.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/58/1097326.jpg" src="https://www.easck.com/d/file/ap/a4/58/1097326.jpg"></div> <div class="txtInfo"><h3>TensorFlow.js实现AI换脸使用示例详解</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097270.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg"></div> <div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097269.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg" src="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg"></div> <div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097266.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg"></div> <div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097265.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/40/1097265.jpg" src="https://www.easck.com/d/file/ap/a4/40/1097265.jpg"></div> <div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097264.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg"></div> <div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097256.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg" src="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg"></div> <div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097254.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg"></div> <div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> <li class="imgBar"> <a class="linkBar clearfix" href="/cos/2023/0316/1097253.shtml"> <div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg"></div> <div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div> </a> </li> </ul> </div> </div> <footer> <p><a href="https://www.easck.com">电脑版</a> - <a href="https://wap.easck.com">移动首页</a></p> <div style="display:none"><script type="text/javascript" src="/skin/wap/tongji.js"></script></div> </footer> <script type="application/ld+json"> { "@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld", "@id": "https://wap.easck.com/cos/2019/0603/298521.shtml", "title": "鼠标移动到某个单元格上后，整个列都变色的实现方法-易采站长站", "description": "[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 以上代码可以实现鼠标移动到单元格上，单元格变色，现在我想实现鼠标移动到某个单元格上后，整个列都变色不知道可以不可以实现呢", "pubDate": "2019-06-03 T 09:29:44+08:00", "upDate": "2019-06-03 T 09:29:44+08:00", "data":{ "WebPage":{ "pcUrl":"https://www.easck.com/cos/2019/0603/298521.shtml", "wapUrl":"https://www.easck.com/cos/2019/0603/298521.shtml", "fromSrc":"易采站长站" } } } </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>
