原生JS可拖动弹窗效果实例代码_javascript技巧

来源：豪特汽车网

这个代码不是我原创的，只是最近想学自己做一个很漂亮的弹窗，自己本来是不会怎么写的，所以上网去找了下，感觉这个不错，很简单，很实用，入门很棒。我就改了下，使逻辑性和可读性更好。

　　原作者已不可考。感谢原作者，阿门。

代码如下:

弹出窗口登录效果

var IsMousedown, LEFT, TOP, login;

document.getElementById("Mdown").onmousedown=function(e) {
login = document.getElementById("loginBox");
IsMousedown = true;
e = e||event;
LEFT = e.clientX - parseInt(login.style.left);
TOP = e.clientY - parseInt(login.style.top);

document.onmousemove = function(e) {
e = e||event;
if (IsMousedown) {
login.style.left = e.clientX - LEFT + "px";
login.style.top = e.clientY - TOP + "px";
}
}

document.onmouseup=function(){
IsMousedown=false;
}
}