Text mit Farbverlauf

Text mit Farbverlauf



Sourcecode:

<script language="JavaScript">

function MakeArray(n){   
this.length=n;   
for(var i=1; i<=n; i++) this[i]=i-1;   
return this
}
hex=new MakeArray(16);
hex[11]="A"; 
hex[12]="B"; 
hex[13]="C"; 
hex[14]="D"; 
hex[15]="E"; 
hex[16]="F";

function ToHex(x){              
var high=x/16;   
var s=high+"";               
s=s.substring(0,2);          
high=parseInt(s,10);         
var left=hex[high+1];        
var low=x-high*16;           
s=low+"";                    
s=s.substring(0,2);          
low=parseInt(s,10);          
var right=hex[low+1];        
var string=left+""+right;    
return string;
}

function fadein(text){   
text=text.substring(3,text.length-4);        
color_d1=255;                                
color_d1b=255;
color_d1c=255;
mul=color_d1/text.length;   
for(i=0;i<text.length;i++){      
color_d1=mul*i; 
color_d1b=255-mul*i;
color_d1c=255*Math.sin(i/(text.length/3));
color_h1=ToHex(color_d1);      
color_d2=mul*i;      
color_h2=ToHex(color_d2);      
color_h1b=ToHex(color_d1b);      
color_d2b=mul*i;      
color_h2b=ToHex(color_d2b);      
color_h1c=ToHex(color_d1c);      
color_d2c=mul*i;      
color_h2c=ToHex(color_d2c);      
document.write("<FONT COLOR='#AC"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');   
} }
</script>

Aufruf des Scripts im body-Bereich:

<script language="JavaScript">
{ fadein("--> Das ist ein Beispieltext. Das ist ein Beispieltext. <--"); }
</script>
Sponsoren und Investoren

Sponsoren und Investoren sind jederzeit herzlich willkommen!
Wenn Sie die Information(en) auf dieser Seite interessant fanden, freuen wir uns über eine kleine Spende. Empfehlen Sie uns bitte auch in Ihren Netzwerken (z. B. Twitter, Facebook oder Google+). Herzlichen Dank!

Nach oben Sitemap
Impressum & Kontakt