一個簡單但常用的javascript表格樣式_滑鼠划過行變色 簡潔實現

第一個太簡單就不說了，第二個也很簡單，但每個人都有不同的實現方法，下面給一個比較簡潔的做法，支援IE6、IE7、FF2，其他瀏覽器未測試（可以擴充一下用到ASP.NET的GridView裡）： <!-- 部落格園 丁學 --><!-- 滑鼠划過表格行變色－簡潔實現－支援IE6、IE7、FF2，其他瀏覽器未測試 --><br /><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><p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]