간단하지만 일반적으로 사용되는 자바스크립트 테이블 스타일_마우스를 교차하면 행의 색상이 변경됩니다_간결한 구현_자바스크립트 기술

첫 번째는 너무 간단해서 언급하지 않겠습니다. 두 번째도 매우 간단하지만 구현 방법은 사람마다 다릅니다. 다음은 IE6, IE7 및 FF2를 지원하는 더 간단한 방법입니다. 테스트 완료(확장 가능 ASP.NET GridView에서 사용):

<!-- 博客园 丁学 --> <!-- 鼠标划过表格行变色－简洁实现－支持IE6、IE7、FF2，其他浏览器未测试 --> <title>마우스를 위에 올리면 표 행의 색상이 변경됩니다. - 간단한 구현</title> <style type="text/css"> #tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;} #tb th{background:#EEE;border-bottom:1px solid #CCC;padding:4px;} #tb td{border:1px solid #EEE;padding:4px;} </style> <table id="tb"> <tr> <th>商品名称</th> <th>单价</th> <th>库存数量</th> <th>货位</th> </tr> <tr> <td>丁学最喜欢的仙四豪华版-菱纱版</td> <td>139</td> <td>10000000</td> <td>A12-253</td> </tr> <tr> <td>仙四豪华版-梦璃版</td> <td>139</td> <td>10000000</td> <td>A12-254</td> </tr> <tr> <td>仙四普通版-首发</td> <td>69</td> <td>10000000</td> <td>A12-255</td> </tr> </table>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]