JS控制DIV弹出层移动

<div class="title" style="cursor:move;color:#1E5494;" οnmοusedοwn="yidong('apDiv1')">系统提示!<span class="close" οnclick="tips_pop()">×</span></div>

 

 

 

var yd=0;
var x=0;
var y=0;
function yidong(obj){
yd=obj;
x=document.all(yd).offsetLeft-event.x;
y=document.all(yd).offsetTop-event.y;

}
function document.onmousemove()
{
 //document.getElementById("idShow1").innerHTML =x+event.x;
 //document.getElementById("idShow2").innerHTML =y+event.y;

 //document.getElementById("idShow3").innerHTML =document.getElementById("apDiv1").offsetWidth;
 //document.getElementById("idShow4").innerHTML =document.getElementById("apDiv1").offsetHeight;
 if(yd!="0")
 {
  if(x+event.x<=document.documentElement.clientWidth-document.getElementById(yd).offsetWidth)
  {
   document.all(yd).style.pixelLeft=x+event.x;
  }
  if(y+event.y<=document.documentElement.clientHeight-document.getElementById(yd).offsetHeight)
  {
   document.all(yd).style.pixelTop=y+event.y;
  }
 }
}
function document.onmouseup(){
event.srcElement.releaseCapture();
yd=0;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值