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

Commenter

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

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 (nitro120)