Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > [JS] fondu d'un texte > Lecture du sujet

[JS] fondu d'un texte

trouver la couleur extreme

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne sdz-mania # Posté le 24/07/2008 à 22:23:12
Groupe : Membres
Bonjour,

Code : JavaScript
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<script language="javascript" type="text/javascript">
<!--
function enHex(aDigit)
{
return("0123456789ABCDEF".substring(aDigit, aDigit+1))
}
function deHex(aDigit)
{
    return("0123456789ABCDEF".indexOf(aDigit))
}
function toHex(n)
{
    return (enHex((0xf00000 & n) >> 20) +
            enHex((0x0f0000 & n) >> 16) +
            enHex((0x00f000 & n) >> 12) +
            enHex((0x000f00 & n) >>  8) +
            enHex((0x0000f0 & n) >>  4) +
            enHex((0x00000f & n) >>  0))
}
function toDecimal(hexNum)
{
   	var tmp = ""+hexNum.toUpperCase()
    while (tmp.length < 6) tmp = "0"+tmp
   	return ((deHex(tmp.substring(0,1)) << 20) +
       	    (deHex(tmp.substring(1,2)) << 16) + 
            (deHex(tmp.substring(2,3)) << 12) +
            (deHex(tmp.substring(3,4)) << 8) +
            (deHex(tmp.substring(4,5)) << 4) +
   	        (deHex(tmp.substring(5,6))))
}
//variables
var hoverColour
var numLinks;
var rate;
var numFadeLevels;
var bgR;
var bgG;
var bgB;
var currR;
var currG;
var currB;
var count;
var fadeOut;
var continuous;
var newColour;
var tID;
var redInterval;
var greenInterval;
var blueInterval;

function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
{
	hoverColour = mouseOverColour;
	numLinks = numberOfLinks;
	rate = 1;
	numFadeLevels = 400;
	function initArray(theArray, length, val)
	{
		for(i=0;i<length;i++)
		{
			theArray[i] = val;
		}
	}
	bgR = '0000' + fadeOutColour.substring(1,3)
	bgG = '0000' + fadeOutColour.substring(3,5)
	bgB = '0000' + fadeOutColour.substring(5,7)
	currR = new Array(numLinks);
	currG = new Array(numLinks);
	currB = new Array(numLinks);
	count = new Array(numLinks);
	fadeOut = new Array(numLinks);
	continuous = new Array(numLinks);
	newColour = new Array(numLinks);
	tID = new Array(numLinks);
	redInterval = toDecimal(bgR) / numFadeLevels;
	greenInterval = toDecimal(bgG) / numFadeLevels;
	blueInterval = toDecimal(bgB) / numFadeLevels;

	initArray(currR,numLinks,0);
	initArray(currG,numLinks,0);
	initArray(currB,numLinks,0);
	initArray(count,numLinks,0);
	initArray(fadeOut,numLinks,true);
	initArray(continuous,numLinks,true);
}	
function startFade(id)
{
	if(fadeOut[id] == true)
	{
		currR[id] += redInterval;
		currG[id] += greenInterval;
		currB[id] += blueInterval;
		newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
		if(++count[id] == numFadeLevels)
		{
			fadeOut[id] = false;
		}
	}
	else
	{
		currR[id] -= redInterval;
		currG[id] -= greenInterval;
		currB[id] -= blueInterval;
		newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
		if(--count[id] == 0)
		{
			fadeOut[id] = true;
		}
	}
	if(continuous[id] == true)
	{
		document.getElementById(id).style.color = newColour[id];		
	}
	else
	{
		document.getElementById(id).style.color = hoverColour;
	}
	clearTimeout(tID[id]);
	tID[id]=setTimeout('startFade(' + id + ')', rate);
}
function continueFade(id)
{
	continuous[id] = true;
}
function stopFade(id)
{
	continuous[id] = false;
}
function StartTimers()
{
	for(id=0; id<numLinks; id++)
	{
//vitesse du fading ici 100
		t=setTimeout('startFade(' + id + ')', id*100);
	}
}
//initLinks('couleur du mouse-over', 'nombre de liens', 'couleur extrême du fade')
initLinks('#33CCFF', 5, '#ffffff');
//-->
</script>


Ce code sert à faire fondre un texte, le problème est que le texte est sur un fond noir et à la fin du fade la couleur du texte est noire !
Comment changer cette couleur ?

Merci d'avance,

Je propose mes services en PHP/MYSQL contre petites remunerations en fonction des scripts ou du projet. Contactez-moi si vous êtes interesé(e)(s)...
 
Hors ligne T'iZero # Posté le 25/07/2008 à 10:05:55
Groupe : Membres
Tu est sur que à la fin le texte est noir ?
Car si on lis les commentaires du code :
Code : JavaScript
1
2
//initLinks('couleur du mouse-over', 'nombre de liens', 'couleur extrême du fade')
initLinks('#33CCFF', 5, '#ffffff');

La couleur extrême serait #FFFFFF , donc du blanc...
 
Hors ligne sdz-mania # Posté le 25/07/2008 à 10:51:59
Groupe : Membres
Salut,

Merci beaucoup pour ton aide !
J'ai deja vu les commentaires le blanc qu"il disent c'est à la fin du fade. Mais pas la bonne fin xD. Y'a deux extrémités au fade, le blanc au debut et ça va doucement vers le noir et inversement...

Tu peux m'aider ?

merci d'avance

Je propose mes services en PHP/MYSQL contre petites remunerations en fonction des scripts ou du projet. Contactez-moi si vous êtes interesé(e)(s)...
 
Hors ligne kiwi2501 # Posté le 25/07/2008 à 16:34:14
Groupe : Membres

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 226 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0498s (0.0278s)