怎么能拖动一个文字连接

要做拖动很复杂，首先要有div layer，基本没人有空写给你
如果不需要提交的话，你可以考虑div layer + innerText来实现

解决方案 »

  1.   

    不可能用层，如果有100个连结的话要用100个层，那太繁琐了，我只需要的是
    1、怎么复制一个有连接的text。
    2、怎么拖动一个文字text
      

  2.   

    <table onmousedown="mdown(this);" onmouseup="mup(this);" onmousemove="mmove(this)" border=1>
    <tr>
    <td width=500><a href="aaaaa.html">测试</a></td>
    <td width=500></td>
    </tr>
    <tr>
    <td width=500><a href="aaaaa.html">测试</a></td>
    <td width=500></td>
    </tr>
    <tr>
    <td width=500><a href="aaaaa.html">测试</a></td>
    <td width=500></td>
    </tr>
    <tr>
    <td width=500><a href="aaaaa.html">测试</a></td>
    <td width=500></td>
    </tr>
    </table>
    <div id=div1 style="position:absolute;display:none"></div>
    <script>
    var md=false;
    var s=""
    function mdown(obj){
      if(event.srcElement.tagName=="TD")
      {
       md=true;
       s=event.srcElement.innerHTML;
      }
    }
    function mup(obj){
      if(event.srcElement.tagName=="TD")
      {
       if(md){
       md=false;
       event.srcElement.innerHTML=s;
       div1.style.display='none';
       }
      }
    }
    function mmove(obj)
    {
      if(event.srcElement.tagName=="TD")
      {
     if(md)
     {
     div1.innerHTML=s;
     div1.style.display='';
     div1.style.top=event.y;
     div1.style.left=event.x;
     }
     }
    }
    </script>
      

  3.   

    拖拖看他网站上的那个new  
    http://www.walterzorn.de
      

  4.   

    <HTML>
    <HEAD>
    <TITLE> 拖放 </TITLE>
    </HEAD><BODY border=0 topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
    <table border=0 bgcolor=black cellspacing=1 cellpadding=0 style="font-size:12px;">
    <tr>
    <td>
    <table width=500 cellspacing=1 cellpadding=4 bgcolor=white onclick="srcBasketCatch();" onmouseover="javascript:{if(event.srcElement.tagName=='TD')event.srcElement.bgColor='#00ff00';}" onmouseout="javascript:{if(event.srcElement.tagName=='TD')event.srcElement.bgColor='#ffffff';}" style="cursor:hand;">
    <tr>
    <td width=500 style="font-size:12px;"><a href="aaaaa1.html">测试1</a></td>
    </tr>
    <tr>
    <td width=500 style="font-size:12px;"><a href="aaaaa2.html">测试2</a></td>
    </tr>
    <tr>
    <td width=500 style="font-size:12px;"><a href="aaaaa3.html">测试3</a></td>
    </tr>
    <tr>
    <td width=500 style="font-size:12px;"><a href="aaaaa4.html">测试4</a></td>
    </tr>
    </table>
    </td>
    <td width=100 height=100%>
    <table bgcolor=white height=100%>
    <tr>
    <td width=100 height=100% valign=middle align=left name="desBasket" style="font-size:12px;">
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <div id="catchedItemBasket" name="catchedItemBasket" style="position:absolute;top:0;left:0;font-size:12px;"></div>
    <script language="Javascript">
    var bItemCatched=false;
    var sCatchedItem="";
    function srcBasketCatch(){
    if(event.srcElement.tagName=="TD"){
    bItemCatched=true;
    sCatchedItem=event.srcElement.innerHTML;
    document.onmousemove = MoveBasketItem;
    document.onmousedown = srcBasketDrop;
    }
    }
    function srcBasketDrop(){
    if(event.srcElement.tagName=="TD" && event.srcElement.getAttribute("Name") == "desBasket"){
    event.srcElement.innerHTML+=sCatchedItem + "<br>";
    }
    bItemCatched=false;
    catchedItemBasket.style.display='none';
    sCatchedItem = '';
    document.onmousemove = null;
    document.onmousedown = null;
    }
    function MoveBasketItem(){
    if(bItemCatched){
    catchedItemBasket.innerHTML=sCatchedItem;
    catchedItemBasket.style.display='';
    catchedItemBasket.style.top=event.y;
    catchedItemBasket.style.left=event.x;
    //catchedItemBasket.style.left=event.x+document.body.scrollLeft-catchedItemBasket.clientWidth;
    //catchedItemBasket.style.top=event.y+document.body.scrollTop;
    }
    }
    </script></BODY>
    </HTML>