手机版

实现表格快速变色效果的JavaScript代码

时间:2021-09-08 来源:互联网 编辑:宝哥软件园 浏览:

本文通过一个实例描述了用JavaScript实现表格快速变色效果的方法。分享给大家参考。具体如下:

这里用JavaScript实现了一个非常炫酷的表格效果,表格快速变色,产生炫目的色彩效果。乍一看,它甚至不像一张桌子。读者可以通过这段代码学习JS的相关特性,学习一些Js的编程技巧。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-table-fast-cha-color-codes/

具体代码如下:

HTMLHEADTITLE颜色变化表/TITLEMETA内容=' text/html;charset=utf-8 ' http-equiv=Content-Type/headsdyscriptl=Array(0,1,2,3,4,5,6,7,8,9,' a ',' b ',' b ',' c ',' d ',' e ',' f ');函数f(y){ for(I=5;i117I){ c=(I y)0;如果(c15)c=30-c;eval('document.all[i])。bgColor=' 00 ' l[c]l[c]' 00 ' ');} y;setTimeout('f(' y ')',' 1 ');}函数p(x){ document . write(' TD/TD ');x;if((x==1)(x0!=1))document . write('/trtr ');if(x101)p(x);else { document . write('/tr ');f(1);} } document . write(' body bgcolor=0 table width=300 height=300 border=0 cell padding=0 cell spacing=0tr ');p(1);/script/body/HTML希望这篇文章对你的javascript编程有所帮助。

版权声明:实现表格快速变色效果的JavaScript代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。