高分求实现拖放功能的javascirpt代码

代码大约是这样,你存为aspx文件试试效果.<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Test Document</title>
<script language="vb" runat="server">
sub page_load(sender as object,e as eventargs)
label1.attributes.cssstyle("position")="absolute"
label1.attributes("onmousedown")="moveit(this)"
end sub
</script>
<script language="javascript">
function moveit(obj){
obj.setCapture();
var xx=event.offsetX,yy=event.offsetY;
function obj.onmousemove(){
if (obj){
obj.style.left=event.x-xx;
obj.style.top=event.y-yy;
}
}
function obj.onmouseup(){obj.releaseCapture();obj=false;}}
</script>
<style>
td,span{text-align:center;font-size:9pt}
</style>
</head>
<body>
<asp:label ID="label1" runat="server" text="标题" BackColor="#9999CC" Width="50%" Height="30"/>
<br>
<br>
<table border="1" width="50%">
<tr>
<td>表格内容</td>
</tr>
</table>
</body>
</html>

解决方案 »

  1.   

    drag and drop用现成的成熟的类库不是更好么 比如你搜索dojo 或者rico
    如果非要自己写看看这两个实现方式：
    ------------------
    1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span> 
    <script language=javascript> 
    var Obj; 
    function MouseDown(obj) 
    { 
    Obj=obj; 
    Obj.setCapture(); 
    Obj.l=event.x-Obj.style.pixelLeft; 
    Obj.t=event.y-Obj.style.pixelTop; 
    } 
    function MouseMove() 
    { 
    if(Obj!=null) 
    { 
    Obj.style.left = event.x-Obj.l; 
    Obj.style.top = event.y-Obj.t; 
    } 
    } 
    function MouseUp() 
    { 
    if(Obj!=null) 
    { 
    Obj.releaseCapture(); 
    Obj=null; 
    } 
    } 
    </script> 
    2. 
    <div id="myDiv" src="/"logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();"> 
    <a href="/"#" onclick="return false"><h1>wlecome</h1></a> 
    </div> 
    <script language="JavaScript" type="text/javascript"> 
    var orgMouseX; 
    var orgMouseY; 
    var orgObjX; 
    var orgObjY; 
    function doDrag() 
    { 
    var myObject=document.all.myDiv; var x=event.clientX; 
    var y=event.clientY; 
    myObject.style.left=x-(orgMouseX-orgObjX); 
    myObject.style.top=y-(orgMouseY-orgObjY); } 
    function doMouseDown() 
    { 
    orgMouseX=event.clientX; 
    orgMouseY=event.clientY; 
    orgObjX=parseInt(document.all.myDiv.style.left); 
    orgObjY=parseInt(document.all.myDiv.style.top); 
    } </script>