看我美食网
您的当前位置:首页原生JS可拖动弹窗效果实例代码_javascript技巧

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

来源:看我美食网


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

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

代码如下:





弹出窗口登录效果




登录



登录
X





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;
}
}


显示全文