js page module free dragging example_page background

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JS page module free dragging</title> <style> .removableObj { height:25;position:relative; } </style> <table border="1" width="300"> <tr> <td bgcolor="red" class="removableObj" onmousedown="MouseDownToMove(this)" onmousemove="MouseMoveToMove(this)" onmouseup="MouseUpToMove(this);" onmouseover="MouseOverFun(this);">a1</td> <td bgcolor="blue" class="removableObj" onmousedown="MouseDownToMove(this)" onmousemove="MouseMoveToMove(this)" onmouseup="MouseUpToMove(this);" onmouseover="MouseOverFun(this);">a2</td> </tr> <tr> <td bgcolor="#cccccc" class="removableObj" onmousedown="MouseDownToMove(this)" onmousemove="MouseMoveToMove(this)" onmouseup="MouseUpToMove(this);" onmouseover="MouseOverFun(this);">b1</td> <td bgcolor="#eeeeee" class="removableObj" onmousedown="MouseDownToMove(this)" onmousemove="MouseMoveToMove(this)" onmouseup="MouseUpToMove(this);" onmouseover="MouseOverFun(this);">b2</td> </tr> </table> Use the mouse to move the TD (this code is also suitable for using the mouse to swap other objects (such as table, div, etc.))