本例主要目的是使用Jquey的Draggable控件。 使用时首先依次引用Jquery，Jquery-Ui ，Draggable三个Js。然后在js中编写相应的代码，相关代码说明请看程序中的注释。 关于 Draggable的说明请参考：http://docs.jquery.com/UI/API/1.8/Draggable 源码： 复制代码 代码如下: <BR>$(document).ready(function() { <BR>//拖拽方法 <BR>$("#imgDrag").draggable({ <BR>//拖拽范围 <BR>containment: "#DragArea", <BR>//开始事件 <BR>start: function(event, ui) { <BR>StartDrag(event, ui); <BR>}, <BR>//结束事件 <BR>stop: function(event, ui) { <BR>EndDrag(event, ui); <BR>} <BR>}) <BR>}); <BR>//开始事件方法 <BR>function StartDrag(event, ui) { <BR>$("#StartDragInfo").html("开始： 左：" + ui.offset.left + "上：" + ui.offset.top); <BR>} <BR>//结束事件方法 <BR>function EndDrag(event, ui) { <BR>$("#EndDragInfo").html("结束： 左：" + ui.offset.left + "上：" + ui.offset.top); <BR>} <BR> 文件打包下载
