JavaScripts -> Texteffekt -> Rainbow Fader

Dieses Script verändert die Farben eines Textes in alle Regenbogenfarben.

Kompatibilität getestet:
Beispiel Anzeigen >>

Script-Code

<body>
<script type="text/javascript">
<!--

// = = ================================================================== = =
// = = Rainbow Fader v1.0 (c) 2004 Triple-M / http://www.htmlarsenal.de = =
// = = ================================================================== = =

// --------------------------------------------------------------------------
// -- Dieses Script und viele andere im --
// -- This script and many more in the --
// --------------------------------------------------------------------------
// -- HTML ARSENAL - Die Quelle für HTML, JavaScript, PHP --
// -- HTML ARSENAL - Your Source for HTML, JavaScript, PHP --
// --------------------------------------------------------------------------
// -- -= http://www.htmlarsenal.de =- --
// --------------------------------------------------------------------------

// Sie dürfen dieses Script für nicht-kommerzielle Zwecke nutzen, wenn diese Urheber-Notiz erhalten bleibt.
// You may use this Script for non-commercial causes as long as you include this copyright notice.

// Benutzung:
// ==========
// Fügen Sie an der Stelle Ihres Dokumentes, an der die farbveränderliche Schrift erscheinen soll, ein
// Script mit dem Inhalt
// rainbowfader("Text");
// ein. Text ist dabei Ihr Text.
// Sie können beliebig viele solche Texte in einem Dokument verwenden.

// Usage:
// ======
// Simply include a script with the content
// rainbowfader("text");
// at the position in your document where the color fading text shall be placed.
// text is your text.
// You may use any number of such calls in one document.

// Veränderbare Einstellungen / Adjustable Settings
// ================================================

var change=4; // Veränderung pro Durchlauf / change per run

var delay=15; // Pause zwischen Veränderungen / delay between changes

// Script-Code
// ===========

// Ab hier bitte nichts mehr verändern
// Please do not change anything from here on

var degree=new Array();
var fader=0;

function rainbowfader(text) {
  document.writeln('<span id="fader_'+fader+'" style="color:#ff0000">'+text+'<\/span>');
  degree[fader]=0;
  window.setInterval("dothefader("+fader+")",delay);
  fader++;
}

function rgb2h(R,G,B) {
  RGB="#";
  if(R<16)RGB+="0";
  RGB+=R.toString(16);
  if(G<16)RGB+="0";
  RGB+=G.toString(16);
  if(B<16)RGB+="0";
  RGB+=B.toString(16);
  return RGB;
}


function dothefader(f) {
  var r,g,b;
  if(degree[f]<0x100) {
    b=0;
    r=0xff-degree[f];
    g=degree[f];
  } else if(degree[f]<0x200) {
    r=0;
    g=0x1ff-degree[f];
    b=degree[f]-0x100;
  } else {
    g=0;
    b=0x2ff-degree[f];
    r=degree[f]-0x200;
  }
  degree[f]+=change;
  if(degree[f]>=0x300)degree[f]-=0x300;
  document.getElementById("fader_"+f).style.color=rgb2h(r,g,b);
}

// ----------------------------
// -- Ende / End Script-Code --
// ----------------------------
// -- Rainbow Fader --
// -- Author: Triple-M --
// -- www.htmlarsenal.de --
// -- 18.Jun.2004 --
// ----------------------------

//-->
</script>