estomper le messages - Tout pour le Javascript aux 1001 Astuces Nam@ni

Placer après le tag <body>

<div id="estompRnamani" style="position: absolute; top: 123; left: 91; width: 600; text-align: center; height: 19"></div>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
// le tag <body> doit contenir : onload="estompnamani()" bgcolor="#000000"
// si c'est la couleur déclarée ci-haut dans le script

// Les messages peuvent contenir des tags html,
// mais 1. remplacer les ["] par des [']
//      2. doivent au moins contenir : <font color='{COLOR}'>

var texts = new Array(
"<font size='+2' color='{COLOR}' face='Arial'>UN</font>",
"<font size='+3' color='{COLOR}' face='Arial'>DEUX</font>",
"<font size='+4' color='{COLOR}' face='Arial'>TROIS</font>",
"<font size='+3' color='{COLOR}' face='Arial'>QUATRE</font>",
"<a href='http://www.namani.net' target='_top'><font size='+3' color='{COLOR}' face='Arial'>QUATRE</font></a>");

var bgcolor = "#000000"; // couleur de fond, en hexa ..pas en nom
var fcolor = "aqua";  // couleur de police, hexa ou en nom
var steps = 20; // nombre d'étapes pour estomper
var show = 500; // durée d'affichage, en millisecondes
var sleep = 30; // pause entre 2 messages, en millisecondes
var loop = true; // true = en continu, false = arrêt après le dernier message

// Ne plus rien changer
var couLnamani = new Array(steps);
vaCouLnamani(bgcolor,fcolor,couLnamani);
var color = 0;
var text = 0;
var step = 1;
function estompnamani() {
var text_out = texts[text].replace("{COLOR}", couLnamani[color]); 
if (document.all) estompRnamani.innerHTML = text_out; 
if (document.layers) { document.estompRnamani.document.write(text_out); document.estompRnamani.document.close(); } 
color += step; 
if (color >= couLnamani.length-1) {
step = -1; 
if (!loop && text >= texts.length-1) return; 
}// http://www.namani.net 
if (color == 0) {
step = 1; 
text += 1;
if (text == texts.length) text = 0; 
}
setTimeout("estompnamani()", (color == couLnamani.length-2 && step == -1) ? show : ((color == 1 && step == 1) ? sleep : 50)); 
}
function vaCouLnamani(ColorA, ColorB, couLnamani) {
len = couLnamani.length; 
if (ColorA.charAt(0)=='#') ColorA = ColorA.substring(1);
if (ColorB.charAt(0)=='#') ColorB = ColorB.substring(1);
var r = HexToInt(ColorA.substring(0,2));
var g = HexToInt(ColorA.substring(2,4));
var b = HexToInt(ColorA.substring(4,6));
var r2 = HexToInt(ColorB.substring(0,2));
var g2 = HexToInt(ColorB.substring(2,4));
var b2 = HexToInt(ColorB.substring(4,6));
var rStep = Math.round((r2 - r) / len);
var gStep = Math.round((g2 - g) / len);
var bStep = Math.round((b2 - b) / len);
for (i = 0; i < len-1; i++) {
couLnamani[i] = "#" + IntToHex(r) + IntToHex(g) + IntToHex(b);
r += rStep;
g += gStep;
b += bStep;
}
couLnamani[len-1] = ColorB; 
}
function IntToHex(n) {
var result = n.toString(16);
if (result.length==1) result = "0"+result;
return result;
}
function HexToInt(hex) {
return parseInt(hex, 16);
}
// http://www.namani.net -->
</script>

en l'affichant bout par bout.