12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- <html>
- <head>
- <style>
- <!--
- .dragme{position:relative;}
- -->
- </style>
- <script language="JavaScript1.2">
- <!--
- var ie=document.all;
- var nn6=document.getElementById&&!document.all;
- var isdrag=false;
- var x,y;
- var dobj;
- function movemouse(e)
- {
- if (isdrag)
- {
- dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
- dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
- return false;
- }
- }
- function selectmouse(e)
- {
- var fobj = nn6 ? e.target : event.srcElement;
- var topelement = nn6 ? "HTML" : "BODY";
- while (fobj.tagName != topelement && fobj.className != "dragme")
- {
- fobj = nn6 ? fobj.parentNode : fobj.parentElement;
- }
- if (fobj.className=="dragme")
- {
- isdrag = true;
- dobj = fobj;
- tx = parseInt(dobj.style.left+0);
- ty = parseInt(dobj.style.top+0);
- x = nn6 ? e.clientX : event.clientX;
- y = nn6 ? e.clientY : event.clientY;
- document.onmousemove=movemouse;
- return false;
- }
- }
- document.onmousedown=selectmouse;
- document.onmouseup=new Function("isdrag=false");
- //-->
- </script>
- </head>
- <body>
- <div style="overflow: scroll; margin: 20px; height: 90%; width: 90%">
- <div style="height: 4000px; width: 4000px;">
- <div id="test1" class="dragme" style="width: 100px; height: 100px;
- background-color: black;" />
- </div>
- </div>
- </body>
- </html>
|