学路情感网
您的当前位置:首页JS+CSS实现可拖动的弹出提示框_javascript技巧

JS+CSS实现可拖动的弹出提示框_javascript技巧

来源:学路情感网


本文实例讲述了JS+CSS实现可拖动的弹出提示框。分享给大家供大家参考。具体实现方法如下:

代码如下:



JS+CSS打造的可拖动的弹出提示框



var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove
function MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}

function MMove(){
if(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}

function MUp(){
if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}




×


点此提示

希望本文所述对大家的javascript程序设计有所帮助。

显示全文