指定table 下的tr 實現隔行變色

最新推荐文章于 2022-05-09 12:03:39 发布

lscbfntxgt

最新推荐文章于 2022-05-09 12:03:39 发布

阅读量338

点赞数 1

分类专栏： WEB前台相关的

本文链接：https://blog.csdn.net/lscbfntxgt/article/details/53178249

版权

WEB前台相关的专栏收录该内容

8 篇文章 0 订阅

订阅专栏

如下代碼

<script language="JavaScript" type="text/javascript">
	$(document).ready(function() {
		$(".color1 tr:even").css('background-color', '#FFFF00');//奇数行  
		$(".color1 tr:odd").css('background-color', '#FFD39B');//偶数行
	});
	
	//显示系统当前时间
	function disptime() {
		var today = new Date(); //获得当前时间
		var year = today.getFullYear();//获取当前年份
		var month = today.getMonth()+1;//获取当前月份
		var date = today.getDate();//获取当前月份
		var hh = today.getHours();//獲取時,分,秒
		var mm = today.getMinutes();
 		var ss = today.getSeconds();
		/*设置当前时间*/
		document.getElementById("myclock").innerHTML = "<tt>目前时间:" +
		year+"-"+month+"-"+date+"  "+hh+":"+mm+":"+ss+ "</tt>";
		/*
		 使用setTimeout在函数disptime()体内再次调用setTimeout
		 设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示
		 */
		setTimeout("disptime()", 1000);
	}
	setInterval("myrefresh()", 20000); //指定30秒刷新一次
	function myrefresh(){
		$("form").submit();
	}
</script>

<table width="100%" border="1" class="color1" >
		<div>
			<tr>
				<td width="80"><div align="center">工單</div></td>
				<td width="80"><div align="center">數量</div></td>
				<s:iterator value="#routeList">
					<td width="100"><div align="center">
							${eqpName }<br>完成數量
						</div></td>
				</s:iterator>
			</tr>

			<s:iterator value="#zzPenmaSnRecords">
			<tr> 
				<td><span>${wo}</span></td>
				<td><span>${totailCount }</span></td>
				
			</tr>
			</s:iterator>
		</div>
	</table>

以上項目中的實際運用,就不改成簡單的了,您應該能看懂.

PS:其它table 下的tr 是不會變色的