begin process at 2012 05 28 11:25:37
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Effets

 > TEXTE DÉGRADÉ (DE HAUT EN BAS ET NON PAS LETTRE A LETTRE)

TEXTE DÉGRADÉ (DE HAUT EN BAS ET NON PAS LETTRE A LETTRE)


 Information sur la source

Note :
6,33 / 10 - par 3 personnes
6,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Expert Date de création :01/01/2003 Date de mise à jour :01/01/2003 11:38:31 Vu :11 428
Auteur : nitro120

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

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

  • <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> 
<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


 Sources du même auteur

Source avec Zip UNE LIBRARIE JAVASCRIPT UTILITAIRE
TEXTE EN RELIEF (SANS FILTRES CSS NI CONTROLE ACTIVE-X)
Source avec Zip MATRIX EFFECT
Source avec Zip Source avec une capture JOLI EFFET ORDINATEUR
S'ASSURER QUE LA FENETRE EST EN PLEIN ECRAN
Toutes les sources de nitro120

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de ronanry le 19/01/2003 10:17:18

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

Commentaire de nitro120 le 19/01/2003 10:20:39

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)

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,059 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)