<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>dan9</title>
<script src="file:///D|/图片视屏/jquery-1.11.0.js"></script>
<style>
.even{
background-color: #999;
}
.odd{
background-color: #ccc;
}
#table tr:hover{
background:#F50408;}
</style>
<script type="text/javascript">
$(function(){
var ul=document.getElementById('table');
var lis=ul.getElementsByTagName('tr');
for (var i = 0;i <=lis.length; i++) {
if (i%2===0) {//索引号为偶数页面中的行数为奇数行
lis[i].className="odd";
}else{
lis[i].className="even";
};
};
});
</script>
</head>
<body>
<table border="1px solid red" cellpadding="10" cellspacing="0" id="table">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>21</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>22</td>
<td>男</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>dan9</title>
<script src="file:///D|/图片视屏/jquery-1.11.0.js"></script>
<style>
.even{
background-color: #999;
}
.odd{
background-color: #ccc;
}
#table tr:hover{
background:#F50408;}
</style>
<script type="text/javascript">
$(function(){
var ul=document.getElementById('table');
var lis=ul.getElementsByTagName('tr');
for (var i = 0;i <=lis.length; i++) {
if (i%2===0) {//索引号为偶数页面中的行数为奇数行
lis[i].className="odd";
}else{
lis[i].className="even";
};
};
});
</script>
</head>
<body>
<table border="1px solid red" cellpadding="10" cellspacing="0" id="table">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>21</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>22</td>
<td>男</td>
</tr>
</table>
</body>
</html>