Vierivä teksti

Tulos

Tekstin kontaineri. Säilytä tässä joku sisältö. Säilytä ID-attribuutti. Itse elementti on vaihdettavissa. Tyylejä voi lisätä, tässä punainen väri esimerkin vuoksi.

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
//<![CDATA[

// Muunneltavat muuttujat alkavat:
var SeViesti = " Tämä on vierivä viesti... ";
var Vierimisnopeus = 300; //millisekuntteina
var KerrallaNakyvatMerkit = 15;
// Muunneltavat muuttujat loppuvat.

var Positio = 0;
function VieritaViesti() {
 UusiTeksti = SeViesti.substring(Positio,SeViesti.length) +
  SeViesti.substring(0,Positio);
 UusiTeksti=UusiTeksti.substring(0,KerrallaNakyvatMerkit);
 var Objekti = document.getElementById("Viestilaatikko");
 Objekti.firstChild.nodeValue = UusiTeksti;
 Positio += 1;
 if (Positio > SeViesti.length) {
  Positio = 0;
 }
 window.setTimeout("VieritaViesti()",Vierimisnopeus);
}
//]]>
</script>

BODY-elementti on seuraavanlainen:

<body onload="VieritaViesti();">

Tämä tulee BODY-osastoon

<div
 id="Viestilaatikko"
 style="color:red">
Tekstin kontaineri.
Säilytä tässä joku sisältö.
Säilytä ID-attribuutti.
Itse elementti on vaihdettavissa.
Tyylejä voi lisätä,
tässä punainen väri esimerkin vuoksi.
</div>