答案： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>课程安排</TITLE> <STYLE type=text/css>LABEL { CURSOR: hand; COLOR: lightblue; TEXT-DECORATION: underline } </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!-- //****************************************************************************************** //模块名称:拖动管理模块 //****************************************************************************************** var drag_objects=new Array(); //拖动对象集合 var drag_offsetX=0,drag_offsetY=0; var thisRegObj=null; //可以拖动的对象 function DragObject(element,minX,maxX,minY,maxY){ //属性 this.element=element; this.minX=minX; this.maxX=maxX; this.minY=minY; this.maxY=maxY; this.followObjects=new Array(); //事件处理函数 this.onDragBegin=null; this.onDragging=null; this.onDragEnd=null; //方法 this.addFollowObject=addDragFollowObject; } //伴随移动的对象 function FollowObject(element,offsetX,offsetY){ this.element=element; this.offsetX=offsetX; this.offsetY=offsetY; } //设置伴随移动的对象 function addDragFollowObject(element){ if (element==null) return; var fo=new FollowObject(element,0,0); this.followObjects[this.followObjects.length]=fo; } function cancelDrag(){ return(false); } //改变对象的布局方式为绝对位置 function setAbsolute(element){ //var x=element.offsetLeft,y=element.offsetTop; element.style.position="absolute"; //element.style.left=x; //element.style.top=y; } //注册拖动对象,如果成功就返回该对象 //element:Script对象 //minX,maxX:X方向的限制拖动范围,null表示不限制,相等表示不能拖动 //minY,maxY:Y方向的限制拖动范围,null表示不限制,相等表示不能拖动 function registerDrag(element,minX,maxX,minY,maxY){ if (element==null) return(null); if (getRegObj(element)!=null) return(null); //改变对象的布局方式 setAbsolute(element); //禁止对象拖放 element.ondragstart=cancelDrag; //注册对象 var obj=new DragObject(element,minX,maxX,minY,maxY); drag_objects[drag_objects.length]=obj; return(obj); } //取消注册 function unregDrag(element){ for (var i=0;i<drag_objects.length;i++){ if (element==drag_objects[i].element){ //drag_objects.splice(i,1); for(var j=i;j<drag_objects.length-1;j++) drag_objects[j]=drag_objects[j+1]; drag_objects.length--; return(true); } } return(false); } function drag_doDown(){ if (drag_orgMouseDownHandle!=null) drag_orgMouseDownHandle(); var obj=window.event.srcElement; if ((thisRegObj=getRegObj(obj))!=null){ drag_offsetX=window.event.x-obj.offsetLeft; drag_offsetY=window.event.y-obj.offsetTop; //记录伴随对象的位置 for (var i=0;i<thisRegObj.followObjects.length;i++){ var fo=thisRegObj.followObjects[i]; var pt=new Point(0,0); pt.clientToClient(fo.element,thisRegObj.element); fo.offsetX=pt.x; fo.offsetY=pt.y; } //调用事件处理函数 if (thisRegObj.onDragBegin!=null) { thisRegObj.onDragBegin(obj); } } } function drag_doMove(){ if (drag_orgMouseMoveHandle!=null) drag_orgMouseMoveHandle(); if (thisRegObj==null) return; if (window.event.button!=1) return; //移动对象X方向 if (thisRegObj.minX==null || thisRegObj.maxX==null){ thisRegObj.element.style.left=window.event.x-drag_offsetX; } else if(thisRegObj.minX==thisRegObj.maxX){ } else{ var nLeft=window.event.x-drag_offsetX; var nWidth=thisRegObj.element.offsetWidth; if (nLeft+nWidth>thisRegObj.maxX) nLeft=thisRegObj.maxX-nWidth; if (nLeft<thisRegObj.minX) nLeft=thisRegObj.minX; thisRegObj.element.style.left=nLeft; } //移动对象y方向 if (thisRegObj.minY==null || thisRegObj.maxY==null){ thisRegObj.element.style.top=window.event.y-drag_offsetY; } else if(thisRegObj.minY==thisRegObj.maxY){ } else{ var nTop=window.event.y-drag_offsetY; var nHeight=thisRegObj.element.offsetHeight; if (nTop+nHeight>thisRegObj.maxY) nTop=thisRegObj.maxY-nHeight; if (nTop<thisRegObj.minY) nTop=thisRegObj.minY; thisRegObj.element.style.top=nTop; } //移动伴随对象 for (var i=0;i<thisRegObj.followObjects.length;i++){ var fo=thisRegObj.followObjects[i]; absoluteMove(fo.element,thisRegObj.element,fo.offsetX,fo.offsetY); } //调用事件处理函数 if (thisRegObj.onDragging!=null) { thisRegObj.onDragging(thisRegObj.element); } } function drag_doUp(){ if (drag_orgMouseUpHandle!=null) drag_orgMouseUpHandle(); if (thisRegObj==null) return; //调用事件处理函数 if (thisRegObj.onDragEnd!=null) { thisRegObj.onDragEnd(thisRegObj.element); } thisRegObj=null; } function getRegObj(obj){ for (var i=0;i<drag_objects.length;i++){ if (obj==drag_objects[i].element) return(drag_objects[i]); } return(null); } //挂钩处理消息函数 var drag_orgMouseMoveHandle=document.onmousemove; document.onmousemove=drag_doMove; var drag_orgMouseDownHandle=document.onmousedown; document.onmousedown=drag_doDown; var drag_orgMouseUpHandle=document.onmouseup; document.onmouseup=drag_doUp; //****************************************************************************************** //模块名称:坐标转换对象 //****************************************************************************************** //Point对象 function Point(x,y){ //属性 this.x=x; this.y=y; //方法 this.clientToScreen=clientToScreen; this.screenToClient=screenToClient; this.clientToClient=clientToClient; } //客户区坐标转换为屏幕(BODY)坐标 function clientToScreen(srcElement){ var offsetParent=srcElement; //alert(this.x+" "+this.y); while(offsetParent!=null && offsetParent.tagName.toUpperCase()!="BODY"){ this.x+=offsetParent.offsetLeft; this.y+=offsetParent.offsetTop; offsetParent=offsetParent.offsetParent; //alert(this.x+" "+this.y); } } //屏幕(BODY)坐标转换为客户区坐标 function screenToClient(dstElement){ var offsetParent=dstElement; while(offsetParent!=null && offsetParent.tagName.toUpperCase()!="BODY"){ this.x-=offsetParent.offsetLeft; this.y-=offsetParent.offsetTop; offsetParent=offsetParent.offsetParent; } } //客户区(src)坐标转换为客户区(dst)坐标 function clientToClient(srcElement,dstElement){ this.clientToScreen(srcElement); this.screenToClient(dstElement); } //把srcElement移动到dstElement的(x,y)处 function absoluteMove(srcElement,dstElement,x,y){ if (x==null) x=0; if (y==null) y=0; var pt=new Point(x,y); pt.clientToClient(dstElement,srcElement.offsetParent); srcElement.style.pixelLeft=pt.x; srcElement.style.pixelTop=pt.y; } //--> </SCRIPT> <META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD> <BODY onselectstart=return(false)> <SCRIPT language=JavaScript> var newObj=null; DragObject.prototype.bind=bindToCell; //把拖动元素绑定到单元格 function bindToCell(cell){ if (cell==null) return; this.cell=cell; absoluteMove(this.element,cell,(cell.offsetWidth-this.element.offsetWidth)/2,(cell.offsetHeight-this.element.offsetHeight)/2); } //当完成拖动后,调整位置 function finishDrag(element){ var dragObj=getRegObj(element); if (dragObj==null) return; //按中点来计算位置 var pt=new Point(element.offsetWidth/2,element.offsetHeight/2); pt.clientToScreen(element); var oldZIndex=element.style.zIndex; </pre><p>上一个：<a href="/show/80101669fdb6f51f.htm">学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)</a><br/>下一个：<a href="/show/e6c093cd575c805d.htm">可缩放Reloaded-一个针对可缩放元素的复用组件</a></p><div class="piclist">更多图片编程知识:<ul><li><a href="/show/3fd5b595c45addf6.htm"><img src='/upload/20121013/None.gif' width=105 height=105><br/>在JavaScript中使用inline函数的问题</a></li><li><a href="/show/506908fa1a493c56.htm"><img src='/upload/20120926/20100420082324-949474507.jpg' width=105 height=105><br/>玫瑰小镇进不去，电脑左下角出现Javascript:void(0)是什么意思?怎么办?</a></li><li><a href="/show/efb6317e348fcaec.htm"><img src='/upload/2014/4/20140412170151195119.jpg' width=105 height=105><br/>Jquery实现鼠标移到某个对象，在旁边显示层</a></li><li><a href="/show/f0807521a0531501.htm"><img src='/upload/2013111519/20121023095529231.jpg' width=105 height=105><br/>Node.js零起点开发(七)-上传图片并且显示图片</a></li><li><a href="/show/404e6b5a19f1d505.htm"><img src='/upload/20134/27/20130427190228516.gif' width=105 height=105><br/>ie浏览器下微软js脚本调试工具 Microsoft Script Debugger</a></li><li><a href="/show/0853ab90bc00602e.htm"><img src='/upload/2013111604/2008052123295662.gif' width=105 height=105><br/>jsp中下载程序问题</a></li></ul></div></div> <div class="zykmore"><script type="text/javascript" src="/js/s4.js"></script></div><div class="more"><dl><dt>更多<a href="/list/7_1.htm">JS</a>疑问解答：</dt><dd><a target="_blank" href="/show/31f300d314d4c0d3.htm">几个验证11位手机号码格式的js代码</a></dd><dd><a target="_blank" href="/show/7d909e714c0774e2.htm">js如何获得FCKeditor控件的值</a></dd><dd><a target="_blank" href="/show/b4327bdd4ebbebcb.htm">用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...</a></dd><dd><a target="_blank" href="/show/cbcc4d7336496819.htm">JS验证，这块“牛皮”反复修改都不能实现</a></dd><dd><a target="_blank" href="/show/cb91bc419542ce9f.htm">在JS中使用DOM模型</a></dd><dd><a target="_blank" href="/show/897f78948b91f031.htm">如何用JS 获取本地文件夹的文件列表</a></dd><dd><a target="_blank" href="/show/58cf22df63d3344a.htm">js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？</a></dd><dd><a target="_blank" href="/show/b1e97b258c9ed0b3.htm">求实现自动生成图片缩略图的JS代码</a></dd><dd><a target="_blank" href="/show/59e5b8e1f4421028.htm">JS脚本网页问题</a></dd><dd><a target="_blank" href="/show/2c3f71b731258761.htm">js，代码中"object"和"Object"区别？</a></dd><dd><a target="_blank" href="/show/b281b7d5eabf3339.htm">js+flash实现网页图片切换效果，出现边框，单击激活此控件。</a></dd><dd><a target="_blank" href="/show/3aa8e41c89689f54.htm">JS怎样操作PHP中的参数</a></dd><dd><a target="_blank" href="/show/b4b8714c029b37a6.htm">js 怎么在一打开页面就加载这个函数。</a></dd><dd><a target="_blank" href="/show/8c57097425b52fc7.htm">Date.parse()的问题(js)</a></dd><dd><a target="_blank" href="/show/012152bfb53fdf04.htm"><script src="/{maxcms:sitepath}js/common.js"></script>是什么意思</a></dd></dl></div> </div> <div id="zykleft"> <div class="leftm"> <div id="logo"><a href="http://www.zzzyk.com/">站长资源库</a> <div class="clear"></div><script type="text/javascript" src="/js/i7f.js"></script></div> <script type="text/javascript" src="/js/sharen.js"></script><div class="clear"></div> <dl class="list"><dd><a href="/list/1_1.htm">asp</a></dd><dd><a href="/list/2_1.htm">php</a></dd><dd><a href="/list/3_1.htm">Delphi</a></dd><dd><a href="/list/4_1.htm">Matlab</a></dd><dd><a href="/list/5_1.htm">JSP</a></dd><dd><a href="/list/6_1.htm">Foxpro</a></dd><dd><a href="/list/7_1.htm">JS</a></dd><dd><a href="/list/8_1.htm">C/C++</a></dd><dd><a href="/list/9_1.htm">C#/ASP.NET</a></dd><dd><a href="/list/10_1.htm">VC++</a></dd><dd><a href="/list/11_1.htm">JAVA</a></dd><dd><a href="/list/12_1.htm">VB</a></dd><dd><a href="/list/13_1.htm">汇编语言</a></dd><dd><a href="/list/20_1.htm">html/css</a></dd><dd><a href="/list/21_1.htm">CGI</a></dd><dd><a href="/list/23_1.htm">XML/UML</a></dd><dd><a href="/list/24_1.htm">wap</a></dd><dd><a href="/list/27_1.htm">网站相关</a></dd><dd><a href="/list/60_1.htm">网页素材</a></dd><dd><a href="/list/70_1.htm">python</a></dd></dl><dl class="notice">如果你遇到<a href="/default.htm">编程学习</a>难题：<br/>请访问www.zzzyk.com 试试</dl> </div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s5.js"></script></dt></dl></div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s6.js"></script></dt></dl></div> </div></div> <div class="clear"></div> <div class="bdshare"> <script type="text/javascript" src="/js/share.js"></script> </div> <div class="clear"></div> <div class="foot">CopyRight © 2012 站长网 编程知识问答 <a href="http://www.zzzyk.com">www.zzzyk.com</a> All Rights Reserved<br/>部份技术文章来自网络，<script type="text/javascript" src="/images/my.js"></script> </div> </body> </html>