dHtml_eLamani_hareket_ettirme.htm

dHtml - Elemanı hareket ettirme

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);
}
aaa
Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol