用table显示n条记录,每三条换一下颜色
2011-10-05 19:35
218 查看
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用table显示n条记录,每三行换一次颜色</title>
</head>
<body>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
<script type="text/javascript">
window.onload=function()
{
var tbl = document.getElementById("tbl");
rows = tbl.getElementsByTagName("tr");
for(i=0;i<rows.length;i++)
{
var j = parseInt(i/3);
if(j%2==0) rows[i].style.backgroundColor="#f00";
else rows[i].style.backgroundColor="#0f0";
}
}
</script>
</body>
</html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用table显示n条记录,每三行换一次颜色</title>
</head>
<body>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
<script type="text/javascript">
window.onload=function()
{
var tbl = document.getElementById("tbl");
rows = tbl.getElementsByTagName("tr");
for(i=0;i<rows.length;i++)
{
var j = parseInt(i/3);
if(j%2==0) rows[i].style.backgroundColor="#f00";
else rows[i].style.backgroundColor="#0f0";
}
}
</script>
</body>
</html>
相关文章推荐
- table显示n条记录,每三行换一次颜色,即1,2,3用红色字体,4,5,6用绿色字体,7,8,9用红色字体
- table显示n条记录,每3行换一次颜色
- 用table显示n条记录,每3行换一次颜色,即1,2,3用红色字体,4,5,6用绿色字体,7,8,9用红颜色字体。
- RDLC报表:每页显示N条记录
- DataGridView 实现记录颜色间隔交替显示
- Android学习记录(五) 记录一下最近遇到的坑:android actionbar menu菜单无显示。
- javascript实现table选中的行以指定颜色高亮显示的方法
- bootstrap-table.js如何根据单元格数据不同显示不同的字体的颜色
- 鼠标覆盖行高亮显示 奇偶行背景颜色不同 css+jquery Table
- 记录一下DialogFragment的满屏显示与对话框显示
- LigerUi中Grid表记录根据条件显示不同颜色和不同内容!(实例)
- 记录一下table的边框问题
- RDLC报表:每页显示N条记录
- RDLC报表:每页显示N条记录
- 11-16查询Student中的所有学生记录,并在table中显示。
- 搜索结果高亮显示的代码 记录一下
- table颜色交替显示
- 数据窗口记录颜色的隔层显示
- 自己在看到网上一些table数据导出excel,自己为自己记录一下以免以后需要
- 请问怎样将多行显示的记录,按单双行用不同颜色分开?