<title></title>
<script src="jquery-1.8.3.js"></script>
<script>
$(function () {
$(‘#tb tr:eq(0)‘).css({ "background-color": "gray", "height": "60px" });
$(‘#tb tr:not(:eq(0)):odd‘).css("background-color", "yellow");
$(‘#tb tr:not(:eq(0)):even‘).css("background-color", "green");
var bg;
$(‘#tb tr:not(:eq(0))‘).hover(function () {
bg = $(this).css("background-color");
$(this).css("background-color", "red");
}, function () {
$(this).css("background-color", bg);
})
})
</script>
</head>
<body>
<table border="1" id="tb">
<tr>
<th>adfafa</th>
<th>adfadf</th>
<th>adfadf</th>
<th>adfadf</th>
<th>adfadf</th>
<th>adfadf</th>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
</body>
</html>
原文：http://www.cnblogs.com/lierjie/p/3748440.html