Tulos

25 sekunttia vierivä taustakuva vasemmassa laidassa?

Koodi

Tämä tulee HEAD-osastoon

<style type="text/css" xml:space="preserve">
body {
/*Taustakuvan osoite tulee sulkujen väliin:*/
background-image:url(../kuvat/hiutale.gif);

/*Seuraavassa pyydetään taustakuvaa kertautumaan
  vain pystysuunnassa. Poista seuraava koodirivi,
  mikäli tahdot taustakuvan koko työalueelle.
  Katso myös muita vaihtoehtoja taustakuvan
  käyttäytymiselle:
  http://weppipakki.com/css/css2/background-position.htm
  http://weppipakki.com/css/css2/background-repeat.htm
 */
background-repeat:repeat-y;
}
</style>

Tämä tulee BODY-osastoon

<script type="text/javascript" xml:space="preserve">
//<![CDATA[
var Ajastin;
var Offset = 0;
var Tausta = eval("document.body");
function Vierita() {
Offset += 1;
Tausta.style.backgroundPosition = "0 " + Offset + "px";

//vierityksen pysäyttämiskoodi alkaa
/*
Muuta tarpeittesi mukaan, tai poista koko pysäyttämiskoodi,
mikäli et tahdo lopettaa vieritystä.
*/
if (Offset > 500) {
window.clearInterval(Ajastin);
}
//vierityksen pysäyttämiskoodi loppuu

}
Ajastin = window.setInterval("Vierita()", 50);
//]]>
</script>
Weppipakin kotisivulle