1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Dégradé de couleur pour du texte

Dégradé de couleur pour du texte

Soyez le premier à donner votre avis sur cette source.

Snippet vu 20 301 fois - Téléchargée 29 fois

Commenter

Contenu du snippet

C'est un script permettant de colorer du texte en faisant un dégradé de couleur !
Copier/coller le texte la dessous et hop dans une page html !

Source / Exemple : 


<HTML>
<HEAD>
<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>
</HEAD>
<BODY bgcolor=black>

<SCRIPT LANGUAGE = "JavaScript">
Degrade(255,255,0,0,255,255,"Un exemple de texte dégradé multicouleurs !");
</SCRIPT>
</BODY>
</HTML>

Conclusion :


Allez
A+
Et si vous avez des remarques, faites-moi en part !
Allez voir l'excellent site Script Zone ! Et le mien si vous voulez ! ;-) http://www.paroles-et-musiques.fr.st
Y'a un mailer anonyme dessus, c'est trop terrible !
Bon allez, j'vais m'faire un babi (foot)

A voir également

Ajouter un commentaire Commentaires
koodjo Messages postés 1 Date d'inscription mardi 26 août 2008 Statut Membre Dernière intervention 26 février 2013
26 févr. 2013 à 15:37
Salut !

Ton script marche très bien et je t'en remerci. Une petite question tout de même, comment fais tu pour que le dégradé dans le texte soit vertical, et pas horizontal ?

Merci
Spyke88 Messages postés 2 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 16 mai 2007
16 mai 2007 à 22:04
C'est exactement ce que je recherche. Un code simple, pas très compliquée pour pouvoir faire ce que l'on veut avec sans connaitre le Javascript. Je te remercie ton code ma convaincue.
A+
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (virtuelkiller)