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 19 918 fois - Téléchargée 28 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
Signaler
Messages postés
1
Date d'inscription
mardi 26 août 2008
Statut
Membre
Dernière intervention
26 février 2013
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
Signaler
Messages postés
2
Date d'inscription
mercredi 16 mai 2007
Statut
Membre
Dernière intervention
16 mai 2007
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)