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

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 上)突出...

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

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

    Java面试宝典2010版

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

    数据库原理实验报告整合

    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表中...

    最新Java面试宝典pdf版

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

    Java面试笔试资料大全

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

    Java面试宝典-经典

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

    JAVA面试宝典2010

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

    java面试题大全(2012版)

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

    Java面试宝典2012版

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

    Java面试宝典2012新版

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

    java面试宝典2012

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

    cmd操作命令和linux命令大全收集

    3. Nslookup-------IP地址侦测器 ,是一个 监测网络中 DNS 服务器是否能正确实现域名解析的命令行工具。它在 Windows NT/2000/XP 中均可使用,但在 Windows 98 中却没有集成这一个工具。 4. explorer-------打开...

    桌面便签贴软件 PNotes.NET 3.5.0.2 中文多语免费版.zip

    Protable 是一个免费免安装的桌面便笺(小纸条)编辑管理软体,有了他,你可以把待办事项,或重要约会,行程纪录在你的桌面上,程式很小,所占资原也不大,他有多个内建的便笺外观可以更换,大小颜色都可以让你改变,...

    Linux操作系统基础教程

    行直接的安装。 Linux的最早起源是在1991年10月5日由一位芬兰的大学生Linux Torvalds (Torvalds@kruuna.helsinki.fi)写了 Linux核心程序的 0.02 版开始的,但其后的发展却几乎都 是由互联网上的 Linux社团(Linux ...

    xheditor-1.1.14

    说明:控制弹出窗口是否显示上方的标题栏,默认为显示,若需要显示一个更定制个性化的iframe窗口,可通过此参数隐藏上方的标题栏 upBtnText:上传按钮的文字 参数值:任意字符串,默认值:“上传” 备注:1.0.0 beta2...

    Toad 使用快速入门

    3. 自动用不同颜色显示SQL和PL/SQL关键字,语法清晰明了,可根据自己的习惯来具体定制各类关键字的具体显示方式。可以自定义存储过程得模板,在新建存储过程的时候,自动生成程序的框架可以方便的调用Schema ...

    C#编程经验技巧宝典

    2 &lt;br&gt;0003 设置程序代码行序号 3 &lt;br&gt;0004 开发环境全屏显示 3 &lt;br&gt;0005 设置窗口的自动隐藏功能 3 &lt;br&gt;0006 根据需要创建所需解决方案 4 &lt;br&gt;0007 如何使用“验证的目标架构”功能 4 ...

Global site tag (gtag.js) - Google Analytics