纯js实现隔行换色实例

最新推荐文章于 2023-08-26 11:04:23 发布

jaray

最新推荐文章于 2023-08-26 11:04:23 发布

阅读量987

点赞数

分类专栏： js 实例

本文链接：https://blog.csdn.net/jaray/article/details/8678704

版权

js 同时被 2 个专栏收录

60 篇文章 0 订阅

订阅专栏

实例

7 篇文章 0 订阅

订阅专栏

<?php
		<head>隔行换色</head>
		<body>
		<script>
									document.write('<table border="1" width="800" align="center">');
							var i=0;
							while (i<100) {
								if (i%10==0) {//打印表格
									if(i%20)			//定义隔行换色的颜色
										bg="#cccccc";
									else
										bg="#ffffff";
document.write('<tr οnmοuseοver="show(this)" οnmοuseοut="noshow(this)" bgcolor="'+bg+'">');//定义两个鼠标事件，完成隔行换色的实现
								} 
								//输出1000个格子
								document.write('<td>'+i+'</td>');
								i++;
								if (i%10==0) 
									document.write('</tr>');
								}	
							document.write('</table>');		
							
							var ys=null;
							function show (obj) {
								ys=obj.bgColor;
								obj.bgColor="red";
							}
							function noshow(obj){
								obj.bgColor=ys;
							}
				</script>
		</body>
?>

jaray

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
纯js实现隔行换色实例

<?php 隔行换色 document.write(''); var i=0; while (i<100) { if (i%10==0) {//打印表格 if(i%20) //定义隔行换色的颜色 bg="#cccccc"; else bg="
复制链接

扫一扫