Ciao mafaldo,
e se poi vuoi cambiare i colori?
Io mi sono fatto una funzioncina che ti crea una sfumatura da un colore ad un altro... guadra qua
codice:
<HTML>
<HEAD>
<script language="javascript">
function CreaSfumatura(qtaColori,hexDa,hexA){
var step = (255/(qtaColori-1))
var sColore = new Array()
var cont = 0
rda = parseInt(hexDa.substr(0,2),16)
gda = parseInt(hexDa.substr(2,2),16)
bda = parseInt(hexDa.substr(4,2),16)
ra = parseInt(hexA.substr(0,2),16)
ga = parseInt(hexA.substr(2,2),16)
ba = parseInt(hexA.substr(4,2),16)
for(j=0;j<=255;j=j+step){
xr = Math.round(j/255*ra+(255-j)/255*rda)
xg = Math.round(j/255*ga+(255-j)/255*gda)
xb = Math.round(j/255*ba+(255-j)/255*bda)
xr = (xr.toString(16).length<2)?'0'+xr.toString(16):xr.toString(16)
xg = (xg.toString(16).length<2)?'0'+xg.toString(16):xg.toString(16)
xb = (xb.toString(16).length<2)?'0'+xb.toString(16):xb.toString(16)
sColore[sColore.length] = '#'+xr+xg+xb
}
return sColore
}
var intervallo = 50
var NumeroColori = 64
var ColoreDa = 'FFFF00'
var ColoreA = '000000'
var sfumatura = CreaSfumatura(NumeroColori,ColoreDa,ColoreA)
function fadeUp(i){
if(!i)i=0
if(i<sfumatura.length){
oggetto = document.getElementById('testo')
oggetto.style.color = sfumatura[i]
i++
setTimeout('fadeUp('+i+')',intervallo)
}
else fadeDown(i-1)
}
function fadeDown(i){
if(i>=0){
oggetto = document.getElementById('testo')
oggetto.style.color = sfumatura[i]
i--
setTimeout('fadeDown('+i+')',intervallo)
}
else fadeUp(i+1)
}
</script>
<TITLE>Sfumature di colori</TITLE>
</HEAD>
<BODY onload="fadeUp()">
<center>
<script>
txt = '<table width="100%"><tr>'
for(i=0;i<sfumatura.length;i++)
txt = txt+'<td bgcolor='+sfumatura[i]+'><font face="verdana" size="1">'+i+'</font></td>'
txt = txt+'</tr></table>'
document.write(txt)
</script>
<span id="testo">Questo è il testo che deve sfumare</span>
</center>
</BODY>
</HTML>
Permessi di invio
Rispondi quotando