scriptwelt.org das JavaScript Archiv

Navigation
Startseite
Audio & Sound
Formulare
Cookies
Fenster & Frame
Grafik & Text
Navigation
Suche Scripts
Fun und Spiele
Buttons
Diverse
Tutorials

Kontakt
eine Mail an ScriptWelt.org
Webhosting
Tipps zur Providerwahl und zum Webspace

JavaScript in eine HTML Datei einbinden

Sind JavaScripts sicher?

Links zum Thema JavaSript

Impressum
impressum

Grafik & Text JavaScript / Psycho Text

Bei diesem JavaScript lassen sich Texte mit beliebigen Farben einfärben. Die Färbung kann wechseln oder bleibt bestehen, je nach Einstellung. Die Blink-Geschwindigkeit kann ebenfalls geändert werden.
Autor: xeam

 

in <head> einfügen

<script type="text/javascript">
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// Bunt-Text v1.0
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// http://www.scriptwelt.org
//------------------------------ Copyright ------------------------------
// (c) 2002 xeam.de
// Internet: xeam.de
// e-mail: mail@xeam.de
//-----------------------------------------------------------------------

var gewuenschter_text="hier kommt der anzuzeigende Text rein ";
var animieren=1; // 0=aus, 1=ein
var geschwindigkeit=100;
var farben=new Array ("#FF0000","#000000");
var auszugebender_text;
var a;
var b=0;

function text_animieren ()
{
auszugebender_text="";
for (a=0;a<gewuenschter_text.length;a++)
{
if (b+1<farben.length)
{
b++;
}
else
{
b=0;
}
auszugebender_text+="<span style=\"color:"+farben[b]+";\">"+gewuenschter_text.charAt (a)+"</span>";
}
window.document.getElementById ("zu_animierender_text").innerHTML=auszugebender_text;
if (animieren==1)
{
if (b+1<farben.length)
{
b++;
}
else
{
b=0;
}
window.setTimeout ("text_animieren ()",geschwindigkeit);
}
}
</script>

<body> durch den Eventhandler ersetzen:
<body onload="text_animieren ();">

in <body> einfügen
<table border="0" align="center" width="400">
<tr>
<td width="400">
</td>
</tr>
<tr>
<td width="400">
<div align="justify" id="zu_animierender_text" style="font-family:arial,helvetica,sans-serif;font-size:12pt;">
</div>
</td>
</tr>
</table>