js 页面模块自由拖动实例

js页面模块自由拖动实例代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>js页面模块自由拖动</title><style> .removableObj { height:25;position:relative; } </style></head><body> 用鼠标移动TD(本代码也适合用鼠标进行其它对象的对换（如table,div等）) <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></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是js 页面模块自由拖动实例的详细内容，更多请关注0133技术站其它相关文章！