`
默翁1
  • 浏览: 27119 次
社区版块
存档分类
最新评论

table 显示 n行记录,每3行换一次颜色

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>换颜色</title>
</head>

<body>
	<table id="mytable">
    	<tr>
        	<td>11111</td>
        </tr>
        <tr>
        	<td>22222</td>
        </tr>
        <tr>
        	<td>33333</td>
        </tr>
        <tr>
        	<td>44444</td>
        </tr>
        <tr>
        	<td>55555</td>
        </tr>
        <tr>
        	<td>66666</td>
        </tr>
        <tr>
        	<td>77777</td>
        </tr>
        <tr>
        	<td>88888</td>
        </tr>
        <tr>
        	<td>99999</td>
        </tr>
        <tr>
        	<td>10101010</td>
        </tr>
        <tr>
        	<td>11111</td>
        </tr>
    </table>
    <script type="text/javascript">
    	var $tr=document.getElementById("mytable").getElementsByTagName("tr");
		var length=$tr.length;
		for(var i=0;i<length;i++){
			var j=parseInt(i/3);
			if(j%2==0){
				$tr[i].style.color="#f00";
			}else{
				$tr[i].style.color="#899";
			}
		}
    </script>
    
</body>
</html>
 
$("#mytable tr").each(function(){
			var index=$(this).index();
			var j=parseInt(index/3);
			if(j%2==0){
				$(this).css("color","#f00");	
			}else{
				$(this).css("color","#0C6");	
			}
		});
 
0
0
分享到:
评论

相关推荐

    显示 N 维数据表(带颜色突出显示):N 维数据表清晰显示,条目颜色突出显示。-matlab开发

    DisplayTable打印出节省空间的,清晰的N维数字数据表,其中包括: * 维度(行和列)标签和标题* 指定的单元格间距和精度*通过指定输出排列以任何顺序显示尺寸! * 使用 cprintf 函数(也在 Matlab Central 上)突出...

    用C语言Linux下打印带颜色的字符串

    **`color_table.png` 图片**:这张图片可能是颜色转义码的一个参考表,展示了不同颜色及其对应的转义码,帮助开发者更直观地了解如何设置颜色。 **`带颜色打印.txt` 文档**:这个文档可能包含了一些示例,展示了...

    Visual C++中实现对图像数据的读取显示

    接着解析图像头信息以确定颜色深度和其他相关信息,并创建位图对象以显示图像。 ### 四、总结 在Visual C++中实现图像数据的读取和显示涉及多个方面:使用OLE对象存储图像数据、通过DAO技术访问图像数据、以及利用...

    lua代码-树型打印一个 table

    要实现树型打印 `table`,我们需要递归地遍历 `table` 的每一个元素。主要思路是检查每个元素是否是 `table`,如果是,则继续递归;如果不是,则打印其值。以下是一个基本的实现示例: ```lua function printTable...

    入门学习Linux常用必会60个命令实例详解doc/txt

    -s,--strip:用strip命令删除symbol table,只适用于第一及第二种使用格式。 -S,--suffix=后缀:自行指定备份文件的&lt;后缀&gt;。 -v,--verbose:处理每个文件/目录时印出名称。 --help:显示此帮助信息...

    用C语言对GIF格式图像的处理

    颜色数加1后左移n次,可得到GIF图像的颜色数。例如,若GlobalFlag的前三位为111,加1后为8,左移8次得到256,这表明GIF图像支持256种颜色。 在解压缩时,程序将遍历数据标记表,将标记地址转换回原始数据,并生成...

    2021-2022计算机二级等级考试试题及答案No.9386.docx

    RECNO()`这一序列表示进入学生表,跳过上一行,显示当前行,然后显示下一行,最后询问当前记录号。因此,最后显示的记录号是第二行,即2。正确答案是A。 3. ASP.NET是微软的Web应用程序框架,其中Web服务器控件是...

    最新Dreamweaver试题(一)带详细答案.docx

    10. **表格操作**:表格是网页布局的重要组成部分,由行(tr)、列(td)和表格(table)组成。表格属性设置中,间距指的是单元格之间的宽度。单元格可以合并,但必须是大小相同或相邻的单元格。表格可以设置背景...

    2021-2022计算机二级等级考试试题及答案No.5306.docx

    27. 循环计数:给定的程序段执行后,`n` 的值是 12,因为有两个嵌套循环,外层循环三次,内层循环四次,总共执行 3 * 4 = 12 次。 28. 数据库系统核心:数据库管理系统(DBMS)是数据库系统的核心,负责管理数据的...

    Dreamweaver考试试题及参考答案(三).pdf

    这会保留文本的空格和换行符,使其在网页中保持原样显示。 10. 使用`Shift+Enter`可以在文本中插入软回车,使文字分行显示,而不会产生新的段落。 11. 常见的网页图像格式是GIF和JPEG(jpg)。GIF适合用于简单动画...

    数据库原理实验报告整合

    4、把S表的所有行一次性地加到临时表ST中。 select * into ST from S; 5、在SC表中把所有学生的成绩加2分。 update sc set score=case when score+2&gt;100 then 100 else isnull(score,0)+2 end; 6、在ST表中...

    2021-2022计算机二级等级考试试题及答案No.11523.docx

    25. 二维表结构:二维表的每一行代表一个记录,每一列代表一个字段或属性。 26. 数据视图:单个用户使用的数据视图通常被称为数据集或查询结果集,它描述了用户看到的数据结构和内容。 以上就是从给定的计算机二级...

    2021-2022计算机二级等级考试试题及答案No.1979.docx

    3. 逻辑表达式 `(m=a&gt;b)&&(n=c&gt;d)` 中,如果 `a&gt;b` 为假,`m` 将为0,此时整个表达式的结果也将为0,根据短路逻辑,`(n=c&gt;d)` 不会被计算,因此 `n` 的值保持不变,即2。 4. `CustomValidator` 控件在ASP.NET中用于...

    2021-2022计算机二级等级考试试题及答案No.11086.docx

    - `List Next n` 命令会显示当前记录之后的 n 条记录,并将当前记录设置为最后一条显示的记录。 - 因此,如果当前记录为第 10 条,执行 `List Next 5` 后,当前记录将会变为第 14 条。 #### 题目24:索引管理命令...

    猿辅导2019校招技术类笔试题.docx

    - 主键的作用是唯一标识表中的每一行记录,因此任意两行的主键值都不相同。 - 主键列不允许NULL值,这是因为主键必须是唯一的。 - 表可以包含多个唯一约束,但每个表只能有一个主键,这是数据库设计的基本原则。 - ...

    最新Java面试宝典pdf版

    2. 用table显示n条记录,每3行换一次颜色,即1,2,3用红色字体,4,5,6用绿色字体,7,8,9用红颜色字体。 83 3、HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交? 84 4、...

    QT-导出QTableWidget表的信息并格式对齐

    QTableWidget是QT提供的一种用于展示二维表格数据的控件,它允许用户在表格中显示、编辑和操作数据。 首先,我们需要了解QTableWidget的基本操作。在QT中,QTableWidget可以通过添加 QTableWidgetItem 对象来填充...

    js实现网页计算器

    每一行和列通过`&lt;tr&gt;`和`&lt;td&gt;`标签定义,而输入框则通过`&lt;input type="text"&gt;`实现。 ### 2. CSS样式美化 为了使计算器看起来更美观,CSS被广泛应用于样式设计。在这个例子中,我们可以看到对文本大小、边框、背景...

    2021-2022计算机二级等级考试试题及答案No.18634.docx

    计算机二级等级考试主要涵盖多个方面的IT知识,包括数据库管理、编程语言、软件工程、网络技术、HTML、CSS等。...这个程序随机生成一个1到10之间的数字,让用户有三次机会猜测,如果猜对则结束游戏,否则显示答案。

    2021-2022计算机二级等级考试试题及答案No.18860.docx

    题目中的代码显示,"Test"的文字颜色为红色,而"Color"的颜色为黑色,因为红色设置应用到了第一个字符串上,而第二个字符串没有指定颜色,所以默认为黑色。 3. 表达式 `X+1&gt;X` 是一个关系表达式,用于判断X加1是否...

Global site tag (gtag.js) - Google Analytics