Tulos

Vasemmalta sisälle liukuva elementti?

Koodi

Tämä tulee BODY-osastoon

<!--
STYLE-attribuutti sijoittaa elementin vasemmalle,
400 kuvapistettä työalueen ulkopuolelle.

ID-attribuutti yksilöi elementin,
jotta skripti löytäisi oikean kohteen.

P-elementti voidaan tarvittaessa vaihtaa
joksikin toiseksi elementiksi.
-->

<p
 id="liukuri"
 style="position:relative;left:-400px;">
Vasemmalta sisälle liukuva elementti?
</p>

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

// Pari muuttujaa hienosäätöihin:

var nopeus = 45;    //millisekunttia
var siirtyma = 15; //kuvapistettä kerralla

// Muunneltavat osuudet päättyvät.

var liuku = document.getElementById("liukuri").style;
var aloita; 

function tuo() {
if (parseInt(liuku.left,10) < 0) {
liuku.left = parseInt(liuku.left,10) + siirtyma + "px";
 }
else {
liuku.left = 0;
clearInterval(aloita);
 }
}
aloita=setInterval("tuo()",nopeus);
//]]>
</script>