COULEUR FOND D'ECRAN ALEATOIRE 

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : à chaque chargement de la page la couleur du fond d'écran change aléatoirement.

Exemple :

Mise en oeuvre :

Entre les deux balises <head> et </head>

<!-- DEBUT DU SCRIPT FOND ALEATOIRE-->
<SCRIPT language=JavaScript>

<!
//Script par Nicolas Dauby
//La Caverne du Java Script - http://www.chez.com/helleven/java/

RGB = new Array(
"#F0F8FF","#FAEBD7","#00FFFF","#7FFFD4","#F0FFFF","#F5F5DC",
"#FFE4C4","#000000","#FFEBCD","#0000FF","#8A2BE2","#A52A2A",
"#DEB887","#5F9EA0","#7FFF00","#D2691E","#FF7F50","#6495ED",
"#FFF8DC","#DC143C","#00FFFF","#00008B","#008B8B","#B8860B",
"#A9A9A9","#006400","#BDB76B","#8B008B","#556B2F","#FF8C00",
"#9932CC","#8B0000","#E9967A","#8FBC8F","#483D8B","#2F4F4F",
"#00CED1","#9400D3","#FF1493","#00BFFF","#696969","#1E90FF",
"#B22222","#FFFAF0","#228B22","#FF00FF","#DCDCDC","#F8F8FF",
"#FFD700","#DAA520","#808080","#008000","#ADFF2F","#F0FFF0",
"#FF69B4","#CD5C5C","#4B0082","#FFFFF0","#F0E68C","#E6E6FA",
"#FFF0F5","#7CFC00","#FFFACD","#ADD8E6","#F08080","#E0FFFF",
"#FAFAD2","#90EE90","#D3D3D3","#FFB6C1","#FFA07A","#20B2AA",
"#87CEFA","#778899","#B0C4DE","#FFFFE0","#00FF00","#32CD32",
"#FAF0E6","#FF00FF","#800000","#66CDAA","#0000CD","#BA55D3",
"#9370DB","#3CB371","#7B68EE","#00FA9A","#48D1CC","#C71585",
"#191970","#F5FFFA","#FFE4E1","#FFE4B5","#FFDEAD","#000080",
"#FDF5E6","#808000","#6B8E23","#FFA500","#FF4500","#DA70D6",
"#EEE8AA","#98FB98","#AFEEEE","#DB7093","#FFEFD5","#FFDAB9",
"#CD853F","#FFC0CB","#DDA0DD","#B0E0E6","#800080","#FFBB00",
"#BC8F8F","#416901","#8B4513","#FA8072","#F4A460","#2E8B57",
"#FFF5EE","#A0522D","#C0C0C0","#87CEEB","#6A5ACD","#708090",
"#FFFAFA","#00FF7F","#4682B4","#D2B48C","#008080","#D8BFD8",
"#FF6347","#40E0D0","#EE82EE","#F5DEB3","#FFFFFF","#F5F5F5",
"#FFFF00","#9ACD32")
var nombre=140
g=Math.floor(Math.random()*nombre)
fond=RGB[g]
h=Math.floor(Math.random()*nombre)
text=RGB[h]
document.write('<body bgcolor='+fond+' text='+text+'><br>')
i=Math.floor(Math.random()*nombre)
lien=RGB[i]
document.write('<body bgcolor='+fond+' text='+text+' link='+lien+'><br>')
//  -->
</SCRIPT>
<!-- FIN DU SCRIPT FOND ALEATOIRE-->

Remarque : attention à la couleur du texte qui peut devenir illisible.

Plus simple, mais la couleur de l'écriture ne change pas. Vous mettez autant de couleurs que vous le souhaitez en les adaptant à la couleur de la police.

<!-- DEBUT DU SCRIPT FOND ALEATOIRE-->
<SCRIPT language=JavaScript>
var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")
document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</SCRIPT>
<!-- FIN DU SCRIPT FOND ALEATOIRE-->

 

Retour

Copyright www.toulouse-renaissance.net ©