Advertisement
Le-Ownect

Coisas que não sei

Oct 21st, 2013
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3.  
  4. <style type="text/css">
  5. <!--
  6. .dragme{position:relative;}
  7. -->
  8. </style>
  9.  
  10. <script type="text/javascript">
  11. <!-- This script and many more are available free online at -->
  12. <!-- Created by: elouai.com -->
  13. <!-- Início
  14.  
  15. var ie=document.all;
  16. var nn6=document.getElementById&&!document.all;
  17. var isdrag=false;
  18. var x,y;
  19. var dobj;
  20.  
  21. function movemouse(e)
  22. {
  23.   if (isdrag)
  24.   {
  25.     dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
  26.     dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
  27.     return false;
  28.   }
  29. }
  30.  
  31. function selectmouse(e)
  32. {
  33.   var fobj       = nn6 ? e.target : event.srcElement;
  34.   var topelement = nn6 ? "HTML" : "BODY";
  35.   while (fobj.tagName != topelement && fobj.className != "dragme")
  36.   {
  37.     fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  38.   }
  39.  
  40.   if (fobj.className=="dragme")
  41.   {
  42.     isdrag = true;
  43.     dobj = fobj;
  44.     tx = parseInt(dobj.style.left+0);
  45.     ty = parseInt(dobj.style.top+0);
  46.     x = nn6 ? e.clientX : event.clientX;
  47.     y = nn6 ? e.clientY : event.clientY;
  48.     document.onmousemove=movemouse;
  49.     return false;
  50.   }
  51.  
  52. }
  53.  
  54. document.onmousedown=selectmouse;
  55. document.onmouseup=new Function("isdrag=false");
  56. //  Fim -->
  57.  
  58. </script>
  59.  
  60. </head>
  61. <body>
  62.  
  63. <div align="center">
  64. <img src="cubo.png" width="202" height="212" class="dragme">
  65. </div>
  66.  
  67. <div class="dragme"><b>mova-me!!! please!!!</b><br />repare que eu estou por cima!!!!</div>
  68. </body>
  69. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement