使用ajax实现窗体或是层在页面上面的各个移动和拖拽可拖放DOM模式

共2个文件

js：1个

html：1个

需积分: 10 38 下载量 189 浏览量 2009-02-23 16:36:49 上传评论收藏 1KB RAR 举报

温馨提示

使用ajax实现窗体或是层在页面上面的各个移动和拖拽可拖放DOM模式（Draggable DOM pattern）可以让用户在Web页面中对各个部分进行编辑，即只需要选中要移动的部分，将其拖拽到新的位置上，就可以重新安排整个页面的布局效果

资源推荐

资源详情

资源评论

收起资源包目录

js实现鼠标拖拽.rar （2个子文件）

js实现鼠标拖拽

jstest.html 1KB

myjs.js 2KB

共 2 条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>move demo</title> <script src="js/myjs.js" type="text/javascript"></script> <script language="javascript"> var myAPI = new MyAPI(); var moveable = false; var xOff = 0; var yOff = 0; function start(obj,e){ moveable = true; xOff = myAPI.getLeft(obj) - e.clientX; yOff = myAPI.getTop(obj) - e.clientY; } function move(obj,e){ if(moveable){ myAPI.moveTo(obj, xOff + e.clientX, yOff + e.clientY) } } function end(){ moveable = false; } </script> </head> <body> <div style="width:200px; height:200px; top:200px; left:200px; position:absolute; background:#CC99CC" onmousedown="start(this,event)" onmousemove="move(this,event)" onmouseup="end()"> fddsfsdfdsffds </div> </body> </html>

评论收藏

内容反馈