DIV模拟弹出窗口(支持拖动)

最新推荐文章于 2021-06-03 07:09:45 发布

最新推荐文章于 2021-06-03 07:09:45 发布 · 117 阅读

文章标签：

现在高版本浏览器都可以设置对弹出窗口进行拦截，所有的浏览器工具条等都对弹出窗口进行拦截，但是有时候我们确实需要弹出窗口。针对这些我们做了一个简单的效果，没有做太多的测试，只是示意一下！

<html>
<head>
<title>div弹出窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
<script type="text/javascript">
<!--
window.onload=function(){
drag(document.getElementById('drag'),document.getElementById('lstd'));
};
function drag(o,ot){
ot.onmousedown=function(a){
var d=document;if(!a)a=window.event;
var x=a.layerX?a.layerX:a.offsetX,y=a.layerY?a.layerY:a.offsetY;
if(ot.setCapture)
o.setCapture();
else if(window.captureEvents)
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

d.onmousemove=function(a){
if(!a)a=window.event;
if(!a.pageX)a.pageX=a.clientX;
if(!a.pageY)a.pageY=a.clientY;
var tx=a.pageX-x,ty=a.pageY-y;
o.style.left=tx;
o.style.top=ty;
};

d.onmouseup=function(){
if(o.releaseCapture)
o.releaseCapture();
else if(window.captureEvents)
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
d.onmousemove=null;
d.onmouseup=null;
};
};
}
//-->