<style type="text/css">
/*弹出窗口*/
#winbox{position:fixed;background:#ccc;width:800px;height:520px;left:0px;right:0px;margin:0px auto;top:100px;z-index:1;display:none;}
#winbox .close{float:right;font-size:14px;margin:5px 10px;cursor:pointer;pointer-events:auto;}
</style>
<div id="winbox" onMouseDown="movediv()">
<b class="close" onClick="closewin()">关闭</b>
<iframe id="winmain" style="width:100%;height:100%;" frameborder="0" scrolling="no" src=""></iframe>
</div>
<script type="text/javascript">
//打开窗口
function openwin(){
document.getElementById("winbox").style.display="block";
document.getElementById("winmain").src="company_ajax.php";
}
//关闭窗口
function closewin(){
document.getElementById("winbox").style.display="none";
}
//PC端移动div方法:onMouseDown="movediv()"
function movediv(event){
var obj = document.getElementById("winbox");
obj.style.pointerEvents= "none";
obj.style.userSelect= "none";
var X = window.event.clientX-obj.offsetLeft;
var Y = window.event.clientY-obj.offsetTop;
//console.log(X)
document.onmousemove=function(event){
obj.style.margin="0";
//当鼠标拖动时计算div的位置
var l = window.event.clientX - X;
var t = window.event.clientY - Y;
obj.style.left = l + "px";
obj.style.top = t + "px";
}
document.onmouseup = function(){
obj.style.pointerEvents= "auto";
document.onmousemove = null;//当鼠标弹起时移出移动事件
document.onmouseup = null;//移出up事件,清空内存
}
}
</script>