Kurzbeschreibung Regenbogenfarbener Schriftzug
Vorteile

Fällt auf. Wird relativ selten verwendet. Kurze Ladezeit. Wenig Speicherbedarf. Keine externen Dateien (wie z.B. Bilder) notwendig.

Nachteile Funktioniert nur, wenn der Browser JavaScript ausführen kann.
Schwierigkeit Einfacher geht's nicht. Nur bei Sonderzeichen wird's etwas kompliziert.
Besonderheiten

Man sollte immer darauf achten, dass der Kontrast zwischen Hintergrund und Schrift überall groß genug ist. Sonst ist der Text schwer zu lesen. Je länger der Schriftzug ist, desto besser wirkt das Script.

Um das Script zu verwenden, musst du einfach an der Stelle, wo die Regenbogenschrift erscheinen soll, im Quelltext deiner Seite folgendes einfügen:

<script type="text/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 rainbow(text){
text=text.substring(3,text.length-4);
color_d1=255;
mul=color_d1/text.length;
for(i=0;i < text.length;i++){
color_d1=255*Math.sin(i/(text.length/3));
color_h1=ToHex(color_d1);
color_d2=mul*i;
color_h2=ToHex(color_d2);
document.write("<span style='color:#00"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</span>');
};
};
rainbow(" IHRE NACHRICHT HIER - JE  LÄNGER DESTO BESSER");
//-->
</script>

Wenn du versuchst diesen Quelltext in deinen Quelltext zu kopieren, dann achte darauf, dass er richtig kopiert wird. Viele HTML-Editoren ersetzen die Tagzeichen beim kopieren in Unicodes oder kopieren die Formatangaben mit. In Diesem Fall kopiertst du besser die bunte Schrift und überprüfst anschließend, ob der Quelltext richtig übertragen wurde. Der blaue Text "IHRE NACHRICHT HIER - JE LÄNGER DESTO BESSER" muß natürlich gegen deinen Text ausgetauscht werden.


Um einen Link zu setzen, der direkt auf diese Seite führt, verwende folgende Url: