dhtml_Mouse_tiklama_ile_hareket.htm

Mouse tıklama ile hareket

Bir elemana tıklandığında istediğimiz elemanın hareket etmesini ve tıklama bittiğinde hareketin durmasını istediğimizde şu işlemleri yapacağız.

Öncelikle elemanımızın hareketli olup olmadığını belirten bir değişken tanımlayacağız. Sonra onMouseDown hareketi ile hareketi başlatacağız ve onMouseUp eventi ilede hareketi durduracağız.


function tanimla(kimlik)
{
if(ie4) eleman = kimlik.style;
if(ns4) eleman = document.kimlik;
if(ns6) eleman = document.getElementById(kimlik).style;
eleman.xkon = parseInt(eleman.left);
eleman.ykon = parseInt(eleman.top);
eleman.hareketli = false;
}
onload = tanimla;
function hareket(nsn)
{
if(nsn.hareketli)
{
nsn.xkon +=1;
nsn.left = nsn.xkon;
setTimeout("hareket(eleman)",30);
}
}

Hareket fonksiyonunu şu şekilde çağıracağız :


<A HREF="javascript:void(null)"
onMouseDown="eleman.hareketli=true; hareket(eleman);
return false;"
onMouseUp="eleman.hareketli = false;"
onMouseOut="eleman.harektli = false;">
hareket için tıkla
</A>
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