L'exemple de cet article décrit comment obtenir l'effet de décoloration rapide des tableaux à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Ici, nous utilisons JavaScript pour implémenter un effet de tableau très sympa. Le tableau change de couleur rapidement, créant un effet coloré, à première vue, il ne ressemble même pas à un tableau. Les lecteurs peuvent utiliser ce code pour étudier les fonctionnalités associées de JS et acquérir certaines compétences en programmation JS.
La capture d'écran de l'effet en cours d'exécution est la suivante :
L'adresse de la démo en ligne est la suivante :
http://demo.jb51.net/js/2015/js-table-fast-cha-color-codes/
Le code spécifique est le suivant :
<HTML>
<HEAD>
<TITLE>变色表格</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
</HEAD>
<body>
<script>
l=Array(0,1,2,3,4,5,6,7,8,9,'a','b','b','c','d','e','f');
function f(y)
{
for(i=5;i<117;i++)
{
c=(i+y)%30;
if(c>15)
c=30-c;
eval("document.all[i].bgColor='00"+l[c]+l[c]+"00'");
}
y++;
setTimeout('f('+y+')','1');
}
function p(x)
{
document.write("<td> </td>");
x++;
if((x%10==1)&&(x%100!=1))
document.write("</tr><tr>");
if(x<101)
p(x);
else
{
document.write("</tr>");
f(1);
}
}
document.write("<body bgcolor=0><table width=300 height=300 border=0 cellpadding=0 cellspacing=0><tr>");
p(1);
</script>
</body>
</HTML>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
