<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{font-family:Verdana;text-align:center;font-size:11px;color:#333;}
#StayArea{position:absolute;left:0;top:0;width:200px;height:100%;border:1px solid black;margin:0;}
#StarArea div{width:200px;border-top:1px solid black;border-bottom:1px solid black;height:18px;display:none;background:black;}
</style>
<title>123</title>
</head>
<body>
<div style="height:1200px">
<div id="StayArea"></div>
<div id="win0" style="position:absolute;left:300;top:100;width:200px;height:150px;border:1px solid #000;">
<div class="title" style="width:100%;background:#000;height:18px;color:#fff;cursor: move;" onmousedown="StartDrag(this,'win0',0)" onmouseup="StopDrag(this,'win0',0)" onmousemove="Drag(this)" >
<div style="float:left">窗口1</div>
<div style="float:right;width:12px;height:12px;cursor:pointer;" onclick="hide('win0',0)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="3.gif" /></div>
<div style="float:right;width:10px;height:12px;cursor:pointer;" onclick="OpenTag('win0',0)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="2.gif" /></div>
<div style="float:right;width:12px;height:12px;cursor:pointer;" onclick="CloseTag('win0',0)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="1.gif" /></div>
</div>
Drag it
</div>
<div id="win1" style="position:absolute;left:499;top:100;width:200px;height:150px;border:1px solid #000;">
<div class="title" style="width:100%;background:#000;height:18px;color:#fff;cursor: move;" onmousedown="StartDrag(this,'win1',1)" onmouseup="StopDrag(this,'win1',1)" onmousemove="Drag(this)" >
<div style="float:left">窗口2</div>
<div style="float:right;width:12px;height:12px;cursor:pointer;" onclick="hide('win1',1)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="3.gif" /></div>
<div style="float:right;width:10px;height:12px;cursor:pointer;" onclick="OpenTag('win1',1)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="2.gif" /></div>
<div style="float:right;width:12px;height:12px;cursor:pointer;" onclick="CloseTag('win1',1)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="1.gif" /></div>
</div>
Drag it
</div>
<div id="win2" style="position:absolute;left:698;top:100;width:200px;height:150px;border:1px solid #000;">
<div class="title" style="width:100%;background:#000;height:18px;color:#fff;cursor: move;" onmousedown="StartDrag(this,'win2',2)" onmouseup="StopDrag(this,'win2',2)" onmousemove="Drag(this)" >
<div style="float:left">窗口3</div>
<div style="float:right;width:12px;height:12px;cursor:pointer;" onclick="hide('win2',2)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="3.gif" /></div>
<div style="float:right;width:10px;height:12px;cursor:pointer;" onclick="OpenTag('win2',2)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="2.gif" /></div>
<div style="float:right;width:12px;height:12px;cursor:pointer;" onclick="CloseTag('win2',2)" onmouseover="this.style.background='gray'" onmouseout="this.style.background='black'"><img src="1.gif" /></div>
</div>
Drag it
</div>
</div>
<a href="#" style="color:black;position:absolute;top:600px;" onclick ="InitDragableTag()">Reset Tags</a>
<script type="text/javascript" src="jsp.js"></script>
</body>
</html>
DragableTag.rar （6个子文件） 
texiao3311 texiao 
test.html 4KB
1.gif 78B
jsp.js 17KB Thumbs.db 5KB 3.gif 83B 2.gif 76B资源评论
forzhp
- 粉丝: 3
- 资源: 1
