Texte dégradé (de haut en bas et non pas lettre a lettre)

Soyez le premier à donner votre avis sur cette source.

Snippet vu 12 864 fois - Téléchargée 30 fois

Contenu du snippet

voila ce script fait un effet de dégradé sur chaque lettre du haut vers le bas
comme il a été fait il y a longtemps, il faut entrer les couleurs manuellement...
et en plus, il a utilisé en switch alors qu'un array aurait suffi
et encore, il a utilisé des tailles html pas css

Source / Exemple :


<head>
<script>
creat=1

function multicolor(haut,taille,couleurs,texte){	
switch(taille)
{
 case 1:
 hauteur=7;
 diff=6;
 break;
 case 2:
 hauteur=9;
 diff=6;
 break;
 case 3:
 hauteur=11;
 diff=7;
 break;
 case 4:
 hauteur=12;
 diff=7;
 break;
 case 5:
 hauteur=16;
 diff=8;
 break;
 case 6:
 hauteur=21;
 diff=11;
 break;
 case 7:
 hauteur=34;
 diff=14;
 break;
} 
    
	document.write("<script>nb=new Array("+couleurs+")</"+"script>")
	
nb_de_couleurs=nb.length	

	decoupe=(hauteur/nb_de_couleurs)
	
	if(creat==1){
for(i=0;i<50;i++){
document.write("<div id='couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
}
}else{
for(i=0;i<nb_de_couleurs;i++){
document.getElementById("couleur"+i).innerHTML=nb[i]
}
}

	for(i=0;i<nb_de_couleurs;i++){
		document.write("<div id='couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
		
		couleur=document.getElementById("couleur"+i).innerHTML
		decoupe1=(decoupe*i)+diff
		decoupe2=(decoupe*(i+1))+diff
		
		document.write("<div style='position:absolute;clip:rect("+decoupe1+"px auto "+decoupe2+"px auto); top:"+haut+"px;left:0px'><table valign='center'><tr><td><center><font size="+taille+" color="+couleur+"><b>"+texte+"</b></font></center></td></tr></table></div>")
}
creat=0
}
</script>
</head>
<body>

<script>

multicolor(0,7,"'#111111','#222222','#333333','#444444','#555555','#666666','#777777','#888888','#999999','#aaaaaa','#bbbbbb','#cccccc','#dddddd','#eeeeee'","JOLI !!!!!!")

multicolor(260,3,"'#0000ff','#00ff00','#ff0000','#020202'","COMME CA TU VOIS COMMENT C (ESSAY DE LE FAIRE MARCHER EN CHANGEANT AFFICHAGE,TAILLE DU TEXTE)")
multicolor(340,1,"'#0000ff','#00ff00','ff0000','ffff00'","LA AUSSI")
multicolor(300,2,"'#0000ff','#00ff00'","LA C VRAIMENT PETIT MAIS C POUR MONTRER QU'Y A TOUTES LES TAILLES")
multicolor(360,7,"'#0000ff','#0011ee','#0022dd','#0033cc','#0044bb','#0055aa','#006699','#007788','#008877','#009966','#00aa55','#00bb44','#00cc33','#00dd22','#00ee11','#00ff00'","SUR CELUI LA Y A 16 DIV DE 16")
multicolor(420,7,"'#0000ff','#0011ee','#0022dd','#0033cc','#0044bb','#0055aa','#006699','#007788','#008877','#009966','#00aa55','#00bb44','#00cc33','#00dd22','#00ee11','#00ff00'","COULEURS DIFFERENTES")
 

</script>

</body>

Conclusion :


script fait par zeratul

A voir également

Ajouter un commentaire

Commentaires

Messages postés
229
Date d'inscription
vendredi 16 août 2002
Statut
Membre
Dernière intervention
9 juillet 2003

de toute facon je vais generaliser cette fonction de division de texte et je mettrai dans la libraire
jai deja 2 idees de mega-effets kon peut faire avec...gnek gnek gnek
vous verrez bien...
(merci au fait)
Messages postés
190
Date d'inscription
lundi 25 novembre 2002
Statut
Membre
Dernière intervention
22 décembre 2009

le principe est trop puissant : 9/10 ( et oui pas 10 parce que ca fait quand meme laggue la makina....)

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.