<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<div id="saveDialog" style="display: block; position: absolute; z-index: 1003; border: solid 1px #AABCCF; left: 200px; top: 100px; background-color: white;width:200px">
<div id="divMove" style="background-color: #AAAAAA; width: 100%; height: 50px; cursor: move">单机按住标题拖动</div>
<div id="fileQueue">
<table><tr><td>
内容区展现区
</td></tr>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var pic, mx, my;
var tok = document.getElementById("divMove");
tok.onmousedown = function (e) {
pic = document.getElementById("saveDialog");
pic.dx = mx - pic.offsetLeft;
pic.dy = my - pic.offsetTop;
return false;
};
tok.onmouseup = function ()
{ pic = null };
tok.ondragstart = function () {
return false;
};
document.onmousemove = function (e) {
var e = e || event;
var bd = document.body;
mx = e.pageX || e.clientX + bd.scrollLeft - bd.clientLeft;
my = e.pageY || e.clientY + bd.scrollTop - bd.clientTop;
if (pic) with (pic.style) {
left = mx - pic.dx + "px";
top = my - pic.dy + "px";
};
};
</script>
