シンプルだがよく使われるJavaScriptテーブルスタイル_マウスをクロスさせると行の色が変わる_簡潔な実装_JavaScriptスキル

1 つ目は非常に単純なので説明しません。2 つ目も非常に簡単ですが、人によって実装方法が異なります。ここでは、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 すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]