جابجا کردن عکس روی صفحه وب توسط کاربر

سلام
با این کد کاربر می تواند یه عکس را روی صفحه وب جابجا کند
&lt;html>



&lt;head>

&lt;meta name="GENERATOR" content="Microsoft FrontPage 5.0">

&lt;meta name="ProgId" content="FrontPage.Editor.Document">

&lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

&lt;title>New Page 1&lt;/title>

&lt;/head>



&lt;body>

&lt;script language="JavaScript"> 

&lt;!-- 

var curElement; 

      function doMouseMove&#40;&#41; &#123; 

         

        var newleft=0, newTop = 0 

        if &#40;&#40;event.button==1&#41; &amp;&amp; &#40;curElement!=null&#41;&#41; &#123; 

          

          newleft=event.clientX-document.all.OuterDiv.offsetLeft- 

&#40;curElement.offsetWidth/2&#41; 

          if &#40;newleft&lt;0&#41; newleft=0 

          curElement.style.pixelLeft= newleft 

          newtop=event.clientY -document.all.OuterDiv.offsetTop- 

&#40;curElement.offsetHeight/2&#41; 

          if &#40;newtop&lt;0&#41; newtop=0 

          curElement.style.pixelTop= newtop 

          event.returnValue = false 

          event.cancelBubble = true 

        &#125; 

      &#125; 

   

      function doDragStart&#40;&#41; &#123; 

        // Don't do default drag operation.  

        if &#40;"IMG"==event.srcElement.tagName&#41; 

          event.returnValue=false; 

      &#125; 

   

      function doMouseDown&#40;&#41; &#123; 

        if &#40;&#40;event.button==1&#41; &amp;&amp; &#40;event.srcElement.tagName=="IMG"&#41;&#41;     curElement =  

event.srcElement 

 

      &#125; 

       

   

      document.ondragstart = doDragStart; 

      document.onmousedown = doMouseDown; 

      document.onmousemove = doMouseMove; 

      document.onmouseup = new Function&#40;"curElement=null"&#41; 

//-->   

&lt;/script>  

&lt;body> 



&lt;div id=OuterDiv style="position&#58;relative;width&#58;100%;height  &#58;300px"> 

&lt;img id="Pic1" style="position&#58;relative;top&#58; 100;left&#58; 30;cursor&#58; hand;Z-INDEX&#58; 3;"  

src="file&#58;///C&#58;/WINDOWS/BACKGRND.GIF" border=0 alt="something" width="84" height="64">     

&lt;/div>

&lt;/body>



&lt;/html>
:wink: