Maison > Article > interface Web > Code JavaScript pour un changement rapide des couleurs des tableaux effect_javascript skills

Code JavaScript pour un changement rapide des couleurs des tableaux effect_javascript skills

WBOYoriginal: 2016-05-16 15:44:121320parcourir

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.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Code de fonction de sélection d'imitation implémenté par jQuery_jqueryArticle suivant：Code de fonction de sélection d'imitation implémenté par jQuery_jquery

Articles Liés

Voir plus