Katmanı istediğimiz yere hareket ettirmek istediğimizde yeni bir fonksiyon tanımlamamız gerekmektedir. Bu fonksiyon katmanımızı istediğimiz yere hareket ettirecektir. İlk olarak işin mantığını anlamak için bir deneme fonksiyonu yazalım.

function hareket(nsn)
{
nsn.xkon += 10;
nsn.left = nsn.xkon;
setTimeout("hareket(eleman)",30);
}En yalın haliyle bu fonksiyon elemanımızın xkon değerini 10 pixel artıracaktır. Bu işlemi devamlı yapmak için ise her 30 milisaniyede bir hareket fonksiyonu setTimeout metodu tarafından çağrılacaktır. Bu fonksiyon devamlı bir hareket sağlar. Şimdi sonucu görelim .


Bu örneğimizden sonra hareketin nasıl yapıldığını görmüş olduk. Hareketimizin düşey yönde olması için ykon ve yatay yönde olması için xkon ve çapraz olması için hem xkon ve hemde ykon değerlerini artırmamız gerekmektedir.


function yatayHareket(nsn)
{
nsn.xkon += 10;
nsn.left = nsn.xkon;
setTimeout("yatayHareket(eleman)",30);
}
function duseyHareket(nsn)
{
nsn.ykon += 10;
nsn.top = nsn.ykon;
setTimeout("duseyHareket(eleman)",30);
}
function caprazHareket(nsn)
{
nsn.xkon += 10;
nsn.ykon += 10;
nsn.left = nsn.xkon;
nsn.top = nsn.ykon;
setTimeout("caprazHareket(eleman)",30);
}