WebWorkerWorld.de

Home

Tutorials
> Ajax
> CSS
> JavaScript
> PHP
> Sonstige

Quiz
> CSS
> HTML/XHTML
> JavaScript
> PHP

JavaScript
> Datum und Uhrzeit
> Dies und das
> Fenster
> Formulare
> Fun
> Spiele
> Texteffekte

Kontakt

Impressum

 
JavaScript > Texteffekte >

Farben ohne Ende

von Tim Leister
Dienstag, 09.08.2005

Für Abwechslung ist mit diesem JavaScript auf jeden Fall gesorgt, wenn die einzelnen Buchstaben eines Textes mehrmals pro Sekunde ihre Farbe wechseln.

<script type="text/javascript">

 // --------------------------------------------------
 // --- (c) 2002/2005 WebWorkerWorld.de --------------
 // --------------------------------------------------

 window.document.write
   ("<p id=\"foo\" style=\"font-weight:bold;\"></p>");

 var text="Lorem ipsum dolor sit amet.";
 var geschwindigkeit=250;

 var text_res;
 var a="0123456789ABCDEF", b, c;
 var farbe, neue_farbe;

 function farbentext ()
  {
   text_res="";
   for (c=0;c<text.length;c++)
    {
     neue_farbe=neue_farbe_erstellen ();
     text_res+="<span style=\"color:"+neue_farbe+";\">"+text.charAt (c)+"</span>";
    }
   window.document.getElementById ("foo").innerHTML=text_res;
   window.setTimeout ("farbentext ()",geschwindigkeit);
  }

 function neue_farbe_erstellen ()
  {
   farbe="#";
   for (b=6;b>0;b--)
    {
     farbe+=a.charAt (Math.floor (Math.random ()*15));
    }
   return farbe;
  }

 window.onload=farbentext;

</script>
zurück zurück
nach oben nach oben nach oben
vorwärts vorwärts
XEAM.de
© 2002-2008