最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:15:19
文档

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

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


文档

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

原生JS可拖动弹窗效果实例代码_javascript技巧:这个代码不是我原创的,只是最近想学自己做一个很漂亮的弹窗,自己本来是不会怎么写的,所以上网去找了下,感觉这个不错,很简单,很实用,入门很棒。我就改了下,使逻辑性和可读性更好。 原作者已不可考。感谢原作者,阿门。 代码如下: 弹出窗口
推荐度:
标签: 可以 js 例子
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top