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 Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?
Ücretsiz kayıt ol