123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <html>
- <body>
- <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>
- <img src="icon.gif" class="dragme" id="test1"><br>
- <img src="icon.gif" class="dragme" id="test2"><br>
- <b>"Hi there</b>
- <div style="position: absolute; left: 210px; top: 80px; height: 400px; width: 100px; padding: 10em;">
- <img src="icon.gif" class="dragme" id="test3"><br>
- <img src="icon.gif" class="dragme" id="test4"><br>
- </div>
- </body>
- </html>
|