码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript-拖动层

时间:2018-09-13 16:36:57      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:UNC   win   doc   down   oev   var   div   菜鸟   bsp   

这是第一次发博,博主属于菜鸟系列,如果有不对的地方欢迎指教,直接分享实例,非常好用,不过要注意各个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-拖动层

标签:UNC   win   doc   down   oev   var   div   菜鸟   bsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!