js untuk mencapai kemahiran seret dan lepas effect_javascript

window.onload = fungsi (){
// Dapatkan elemen dan nilai awal
var oBox = document.getElementById('box'),
          disX = 0, disY = 0;
//Acara akhbar tetikus bekas
oBox.onmousedown = fungsi (e){
        var e = e ||. tetingkap. acara;
         disX = e.clientX - this.offsetLeft;
         disY = e.clientY - this.offsetTop;
          document.onmousemove = fungsi (e){
            var e = e || window.event;
oBox.style.left = (e.clientX - disX) 'px';
oBox.style.top = (e.clientY - disY) 'px';
        };
          document.onmouseup = fungsi (){
                document.onmousemove = null;
               document.onmouseup = null;
        };
         kembali palsu;
};
};

window.onload = fungsi (){
var seret = Seret baharu('kotak');
Drag.init();
};
//Seret Pembina
fungsi Seret(id){
This.obj = document.getElementById(id);
This.disX = 0;
This.disY = 0;
}
Drag.prototype.init = fungsi (){
// penunjuk ini
var saya = ini;
This.obj.onmousedown = fungsi (e){
        var e = e ||          saya.mouseDown(e);
​​​​ //Sekat acara lalai
         kembali palsu;
};
};
Drag.prototype.mouseDown = fungsi (e){
// penunjuk ini
var saya = ini;
This.disX = e.clientX - this.obj.offsetLeft;
This.disY = e.clientY - this.obj.offsetTop;
Document.onmousemove = fungsi (e){
        var e = e ||. tetingkap. acara;
         saya.mouseMove(e);
};
Document.onmouseup = fungsi (){
         me.mouseUp();
}
};
Drag.prototype.mouseMove = fungsi (e){
This.obj.style.left = (e.clientX - this.disX) 'px';
This.obj.style.top = (e.clientY - this.disY) 'px';
};
Drag.prototype.mouseUp = fungsi (){
Document.onmousemove = null;
Document.onmouseup = null;
};