Un fading de couleur lors du chargement de la page

DEMONSTRATION

Ce script effectue un fading d'une couleur de début vers une couleur de fin lors du chargement de la page.

Cliquez sur Recharger pour revoir ce fading:

Code source entre <HEAD> et </HEAD>
top

<SCRIPT LANGUAGE="JavaScript">
<!--
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com

var dR = 255 // Valeur R de la couleur de départ (format RGB)
var dG = 0   // Valeur G de la couleur de départ
var dB = 0   // Valeur B de la couleur de départ

var fR = 0   // Valeur R de la couleur de fin
var fG = 0   // Valeur G de la couleur de fin
var fB = 0   // Valeur B de la couleur de fin
		
if (navigator.appName == "Netscape"){
var steps = 80   // Nombre d'étape de l'animation pour NETSCAPE
var speed = 250  // Vitesse du fading pour NETSCAPE
}
else {
var steps = 300  // Nombre d'étape de l'animation pour INTERNET EXPLORER
var speed = 500  // Vitesse du fading pour INTERNET EXPLORER
}

var hexa = "0123465789ABCDEF";
function DecToHexa(DecNb) {
x = Math.floor(DecNb / 16);
h = hexa.charAt(x);
x = DecNb % 16;
h += hexa.charAt(x);
return h;}
function Fading() {
cr = dR; cg = dG; cb = dB;
sr = (fR - dR) / steps;
sg = (fG - dG) / steps;
sb = (fB - dB) / steps;
for (var x = 0; x <= steps; x++) {
document.bgColor = "#" + DecToHexa(cr) + DecToHexa(cg) + DecToHexa(cb);
cr += sr; cg += sg; cb += sb;
for (var y = 1; y < speed; y++) {};};}
Fading();
//-->
</SCRIPT>
 
INFORMATIONS COMPLEMENTAIRES
top

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com

window.document.[form|forms['nom'|n]].checkbox.checked