1 <html>
2 <head>
3 <title>1</title>
4 <style type='text/css'>
5 #box{
6 width:100px;
7 height:100px;
8 border:dashed 1px green;
9 position:absolute;
10 left:300px;
11 top:300px;
12 }
13 </style>
14 </head>
15 <body>
16 <div id='box' onmousedown="fun1();" onmouseup="fun();">
17 </div>
18 <script language='javascript'>
19 var flag=false;
20 var x,y;
21 var obj=document.getElementById('box');
22 function fun1(){
23 flag=true;
24 x=event.offsetX;
25 y=event.offsetY;
26 }
27 function fun(){
28 obj.style.left=(obj.offsetLeft+(event.offsetX-x))+'px';
29 obj.style.top=(obj.offsetTop+(event.offsetY-y))+'px';
30 flag=false;
31 }
32
33 </script>
34
35 </body>
36 </html>
