首页 > 编程语言 > 详细

JavaScript-拖动层

时间:2018-09-13 15:59:22      阅读:129      评论:0      收藏:0      [点我收藏+]

这是第一次发博,博主属于菜鸟系列,如果有不对的地方欢迎指教,直接分享实例,非常好用,不过要注意各个div的z-index属性

 1     //拖动 “需要给id=show的div加上绝对定位position:absolute;”
 2     window.onload = function()
 3     {
 4         var div1 = document.getElementById("show");
 5         div1.onmousedown = function(ev){
 6             var oevent = ev || event;
 7             var distanceX = oevent.clientX - div1.offsetLeft;
 8             var distanceY = oevent.clientY - div1.offsetTop;
 9         
10             document.onmousemove = function(ev){
11             var oevent = ev || event;
12             div1.style.left = oevent.clientX - distanceX + ‘px‘;
13             div1.style.top = oevent.clientY - distanceY + ‘px‘; 
14             }
15             document.onmouseup = function(){
16             document.onmousemove = null;
17             document.onmouseup = null;
18             }
19         }
20     }

 

JavaScript-拖动层

原文:https://www.cnblogs.com/huohuadidi/p/9640557.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!