JS实现简洁(隔行换色、高亮显示)表格特效 时间:2020-05-13 人气:0 <html> <head> <title>JS实现的表格</title> </head> <body> <script type="text/javascript"> document.write('<table border="1" width="800" align="center">'); var i=0; while(i<1000){ if(i%10==0){ if(i%20==0) bg="#cccccc"; else bg="#ffffff"; document.write('<tr onmouseover="show(this)" onmouseout="noshow(this)" bgcolor="'+bg+'">') } document.write('<td>'+i+'</td>'); i++; /https://img.qb5200.com/download-x/document.write('</tr>'); } 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> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容