<?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> ?>
纯js实现隔行换色实例
最新推荐文章于 2024-04-14 08:44:26 发布