本例主要目的是使用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> 文件打包下载