Drag Handler

To drag an element or image around on your Web page, just attach this drag handler to any number of elements on the page and you will be able to drag them all. Note that the elements must be positioned either relatively or absolutely. DEMO Java Script code: <div id="info"><b><font color="#000080">Start drag process...</font></b></div> <div id="dragable1" style="position: relative; width: 100; height: 64; background: #800000; border: 1px dashed red; color: #FFFF00 font-size: 11px; padding: 5px; text-align: center"><br> <span lang="zh-cn"><font color="#FFFF00"><b>拉一把吧!</b></font></span></div> <div id="dragable2" style="position: relative; width: 100; height: 64; background: #800000; border: 1px dashed red; color: #FFFF00 font-size: 11px; padding: 5px; text-align: center"><br> <span lang="zh-cn"><font color="#FFFF00"><b>拽一下吧!</b></font></span></div> <div id="dragable3" style="position: relative; width: 126px; height: 64px;"> <img onload="javascript:if(this.width>450) this.width=450" src="wxc-logo.gif" width="84" height="90"></div> </body> </html></body> </html>