相关代码说明请看程序中的注释， ui) { EndDrag(event，本例主要目的是使用Jquey的Draggable控件，然后在js中编写相应的代码， ui) { $("#StartDragInfo").html("开始： 左：" + ui.offset.left + "上：" + ui.offset.top); } //结束事件方法 function EndDrag(event。

Jquery-Ui ， ui); } }) }); //开始事件方法 function StartDrag(event， //结束事件 stop: function(event， 使用时首先依次引用Jquery， ui) { $("#EndDragInfo").html("结束： 左：" + ui.offset.left + "上：" + ui.offset.top); } /script /head body form runat="server" %--Draggable参考手册% %--拖动的范围--% div %--记录拖动开始时的信息--% div /div %--记录拖动结束时的信息--% div /div br / br / %--被拖动的物体--% img src="http://www.dismall.com/thread-957-1-1.html/a_4250/img/imgGreen.gif" / /div /form /body /html ，相关代码说明请看程序中的注释，Jquery-Ui ， //开始事件 start: function(event， ui); }， ui) { StartDrag(event，Draggable三个Js，使用时首先依次引用jquery，Draggable三个Js。

然后在js中编写相应的代码， 关于 Draggable的说明请参考： 源码： 复制代码 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JqueryDrag._Default" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head runat="server" title/title script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_4250/js/jquery-1.4.2.min.js"/script script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_4250/js/jquery-ui-1.8.custom.min.js"/script script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_4250/js/Draggable.js"/script script type="text/javascript" $(document).ready(function() { //拖拽方法 $("#imgDrag").draggable({ //拖拽范围 containment: "#DragArea"，。