jquery实现表格的隔行变色
来源:互联网 发布:vivo手机丢了数据恢复 编辑:程序博客网 时间:2024/04/30 13:02
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.datalist{
border-color:#669900;
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
background-color:#66CC99;
}
.datalist th{
background-color:#669900;
}
.datalist tr.altrow{
background-color:#6699CC;
}
</style>
<script src="jquery.min.js"></script>
<!--
<script type="text/javascript">
window.onload = function(){
var oTable = document.getElementById("oTable");
for( var i=0;i<oTable.rows.length;i++){
if(i%2==0)
oTable.rows[i].className="altrow";
}
}
</script>
-->
<script type="text/javascript">
$(function(){
$("table.datalist tr:nth-child(odd)").addClass("altrow");
});
</script>
</head>
<body>
<table border=1px class="datalist" id="oTable">
<tr>
<th>name</th>
<th>class</th>
<th>birthday</th>
<th>mobile</th>
<th>adress</th>
</tr>
<tr>
<td>zhanfsan</td>
<td>three</td>
<td>1986-3-21</td>
<td>34</td>
<td>44444</td>
</tr>
<tr>
<td>zhanfsan</td>
<td>three</td>
<td>1986-3-21</td>
<td>34</td>
<td>44444</td>
</tr><tr>
<td>zhanfsan</td>
<td>three</td>
<td>1986-3-21</td>
<td>34</td>
<td>44444</td>
</tr><tr>
<td>zhanfsan</td>
<td>three</td>
<td>1986-3-21</td>
<td>34</td>
<td>44444</td>
</tr><tr>
<td>zhanfsan</td>
<td>three</td>
<td>1986-3-21</td>
<td>34</td>
<td>44444</td>
</tr>
</table>
</body>
</html>
- jquery实现表格的隔行变色
- 用jquery实现表格的隔行变色
- 用jQuery实现表格的隔行变色
- jquery实现表格的隔行变色
- jquery 实现表格隔行变色
- jQuery实现表格隔行变色
- jQuery轻松实现表格的隔行变色,点击行变色
- jQuery轻松实现表格的隔行变色,点击行变色
- 使用原生js和jQuery实现表格的隔行变色
- jquery表格隔行变色
- 实现表格隔行变色
- Dom实现表格的隔行变色代码
- 表格的隔行变色,实现方法
- jquery实现隔行变色
- jQuery实现隔行变色
- 隔行变色jquery 实现
- jQuery实现隔行变色
- jquery实现隔行变色
- js技巧收集(200多个)——5
- 二叉空间分割碰撞
- 一个计算机专业学生几年的Java编程经验汇总
- COM和.NET的互操作
- solaris 命令介绍
- jquery实现表格的隔行变色
- 如何通过SCJP考试(含真题分析和考点)
- 绝对玩偶
- 如何用.NET获取BO的token
- 学习effective c++笔记(15-21)
- 学习工控方面的知识
- js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点
- c# ComboBox禁用鼠标滚轮
- Hello World from Objective-J