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>