首页 > 网络编程 > JavaScript > 网页特效 > 页面背景 > JS实现表格特效 JS实现简洁(隔行换色、高亮显示)表格特效 2012-12-25 17:35:05 作者： JS实现的表格，使用JavaScript编写实现一个简洁的表格，大家参考一下，加入了隔行换色，并且鼠标滑过时还有高亮显示特效，我看到了都目瞪口呆确实相当不错，有兴趣的朋友可以参考下 <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++; //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需刷新才能执行] 您可能感兴趣的文章:repeater隔行换色与鼠标停留在上面达到变色效果基于Jquery的表格隔行换色，移动换色，点击换色插件javascript 隔行换色函数代码Js 实现表格隔行换色一例表格 隔行换色升级版jQuery方法简洁实现隔行换色及toggleClass的使用ASP+CSS 实现列表隔行换色
