Tulos

Koodi

Tämä tulee BODY-osastoon

<script type="text/javascript">
//<![CDATA[
/*
 * Tunnus:          Tekstiefektit; vaihtuva väri
 * Tekijä:          Osmo Saarikumpu
 * Tehty:           2008-06-11
 * Tekijänoikeudet: Vapaasti käytettävissä
 */

function InitArray() {
 this.length = InitArray.arguments.length;
 for (var i=0;i<this.length;i+=1) {
  this[i] = InitArray.arguments[i];
 }
}

// vaihda oma tekstisi heittomerkkien sisälle:

var SeTeksti = 'Väriä vaihtavaa tekstiä?';

// aseta värien vaihtonopeus millisekuntteina:

var Nopeus = 2000; // nyt 2 sekunttia

// apumuuttuja, älä muuta:

var Indeksi = 0;

// lisää, poista tai muokkaa värinimiä/heksadesimaalilukuja
// ao. logiikan mukaan:

var Kirjo = new InitArray(
'red', 
'#390', 
'blue',
'black');

// elementin voi vaihtaa, kunhan ID-attribuutti jää:

document.write('<div id="MunTeksti">'+SeTeksti+'</div>');

function VaihdaVari() { 
 document.getElementById('MunTeksti').style.color = Kirjo[Indeksi];
 if (Indeksi < Kirjo.length -1) {
  Indeksi += 1;
 }
 else {
  Indeksi = 0;
 }
}

setInterval('VaihdaVari()',Nopeus);
//]]>
</script>