Créer un texte en dégradé multicolore

Vous en avez assez des textes en noir et blanc ? Alors OSEZ le flashie !

Pour obtenir cet effet, insérez le script suivant dans l'en-tête de votre page, entre les balises <head> </head> :

Code JAVASCRIPT :
 
<SCRIPT LANGUAGE="JavaScript">
 
        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 Degrade(dr,dg,db,fr,fg,fb,texte) {
            steps = texte.length;
            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.write('<FONT COLOR="#' + DecToHexa(cr) + DecToHexa(cg) + DecToHexa(cb) + '">');
                document.write(texte.charAt(x));
                document.write('</FONT>');
                cr += sr; cg += sg; cb += sb;
            }
        }
</SCRIPT>


Insérez ensuite cette portion de script à l'endroit où vous souhaitez que votre texte apparaisse dans la page entre la balise <body> </body>:

Code JAVASCRIPT :
<SCRIPT LANGUAGE = "JavaScript">
Degrade(255,0,0,0,0,255,'Un exemple de texte dégradé multicolore !');
</SCRIPT>


Les trois premières valeurs de ce code correspondent aux valeurs RVB de la couleur de départ (ici du rouge 255,0,0). Les trois valeurs suivantes correspondent aux valeurs RVB de la couleur de fin du dégradé (ici du bleu 0,0,255). Votre texte se place simplement entre guillemets à la suite de ces valeurs.

Reste à voir le résultat en cliquant ICI :)
Cette page a été vue 1844 fois