仿Google和Windows Live的拖拽

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<style type="text/css"> 
body 
{ 
    margin:10px; 
}

#dragHelper 
{ 
    position:absolute;/*重要*/ 
    border:2px dashed #000000; 
    background-color:#FFFFFF; 
    filter: alpha(opacity=30); 
}

.normal 
{ 
    position:absolute;/*重要*/ 
    width:300px; 
    #height:10px; 
    border:1px solid #666666; 
    background-color:#FFFFFF; 
}

.over 
{ 
    position:absolute;/*重要*/ 
    width:300px; 
    #height:10px; 
    border:1px solid #666666; 
    background-color:#f3f3f3; 
    filter: alpha(opacity=50); 
}

.dragArea { 
    CURSOR: move; 
}

</style> 
</HEAD>

<BODY oncontextmenu="window.event.returnValue=false"> 
<input type="text" id="evt" name="eventValue" size="40" /> 
<div id="dragHelper" style="display:none"></div> 
<div class="normal" overClass="over" dragClass="normal"> 
    <table width="100%"> 
        <tbody> 
            <tr bgcolor="#CCCCCC" bar="yes"><td><a href="#" _ewebeditor_ta_href="%23">Cobao</a></td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _ewebeditor_ta_href="%23" onclick="openClose(this)">-</a> x</td></tr> 
            <tr><td colspan="3">地址:http://www.cobao.cn</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
        </tbody> 
    </table> 
</div> 
<div class="normal" overClass="over" dragClass="normal"> 
    <table width="100%"> 
        <tbody> 
            <tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _ewebeditor_ta_href="%23" onclick="openClose(this)">-</a> x</td></tr> 
            <tr><td colspan="3">地址:http://www.sina.com.cn</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
        </tbody> 
    </table> 
</div> 
<div class="normal" overClass="over" dragClass="normal"> 
    <table width="100%"> 
        <tbody> 
            <tr bgcolor="#CCCCCC" bar="yes"><td>网易</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _ewebeditor_ta_href="%23" onclick="openClose(this)">-</a> x</td></tr> 
            <tr><td colspan="3">地址:http://www.163.com</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
        </tbody> 
    </table> 
</div> 
<div class="normal" overClass="over" dragClass="normal"> 
    <table width="100%"> 
        <tbody> 
            <tr bgcolor="#CCCCCC" bar="yes"><td>QQ</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" _ewebeditor_ta_href="%23" onclick="openClose(this)">-</a> x</td></tr> 
            <tr><td colspan="3">地址:http://www.qq.com</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
        </tbody> 
    </table> 
</div>

</BODY> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20dragObjs%20%3D%20%5B%5D%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%E5%8F%AF%E4%BB%A5%E6%8B%96%E6%8B%BD%E7%9A%84%E5%85%83%E7%B4%A0%E6%95%B0%E7%BB%84%20%0D%0Avar%20dragObjTops%20%3D%20%5B%5D%3B%20%0D%0A%0D%0Avar%20dragHelper%20%3D%20document.getElementById(%22dragHelper%22)%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%E6%8B%96%E6%8B%BD%E6%97%B6%E4%BD%8D%E7%BD%AE%E6%A1%86%20%0D%0Avar%20dragObj%20%3D%20null%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E5%85%83%E7%B4%A0%20%0D%0Avar%20dragObjPos%20%3D%200%3B%20%0D%0A%0D%0Avar%20dragObjOffset%20%3D%20%7Bleft%3A0%2Ctop%3A0%7D%3B%20%20%20%20%20%20%20%20%2F%2F%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E5%8E%9F%E5%A7%8B%E4%BD%8D%E7%BD%AE%20%0D%0Avar%20mouseInDragObjOffset%20%3D%20%7Bx%3A0%2Cy%3A0%7D%3B%20%20%20%20%2F%2F%E9%BC%A0%E6%A0%87%E5%9C%A8%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E4%B8%AD%E7%9A%84%E7%9B%B8%E5%AF%B9%E4%BD%8D%E7%BD%AE%20%0D%0A%0D%0Avar%20initHeight%20%3D%2040%3B%20%0D%0A%0D%0ANumber.prototype.NaN0%3Dfunction()%7Breturn%20isNaN(this)%3F0%3Athis%3B%7D%20%0D%0A%0D%0Afunction%20getPosition(e)%7B%20%20%20%20%20%20%20%20%2F%2F%E8%8E%B7%E5%8F%96%E5%85%83%E7%B4%A0%E7%9B%B8%E5%AF%B9%E6%96%87%E6%A1%A3%E7%9A%84%E7%BB%9D%E5%AF%B9%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20var%20left%20%3D%200%3B%20%0D%0A%20%20%20%20var%20top%20%20%3D%200%3B%20%0D%0A%20%20%20%20while%20(e.offsetParent)%7B%20%0D%0A%20%20%20%20%20%20%20%20left%20%2B%3D%20e.offsetLeft%3B%20%0D%0A%20%20%20%20%20%20%20%20top%20%20%2B%3D%20e.offsetTop%3B%20%0D%0A%20%20%20%20%20%20%20%20e%20%20%20%20%20%3D%20e.offsetParent%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20left%20%2B%3D%20e.offsetLeft%3B%20%0D%0A%20%20%20%20top%20%20%2B%3D%20e.offsetTop%3B%20%0D%0A%0D%0A%20%20%20%20return%20%7Bx%3Aleft%2C%20y%3Atop%7D%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20mouseCoords(ev)%7B%20%20%20%20%20%20%20%20%2F%2F%E8%8E%B7%E5%8F%96%E9%BC%A0%E6%A0%87%E7%9B%B8%E5%AF%B9%E6%96%87%E6%A1%A3%E7%9A%84%E7%BB%9D%E5%AF%B9%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20if(ev.pageX%20%7C%7C%20ev.pageY)%7B%20%0D%0A%20%20%20%20%20%20%20%20return%20%7Bx%3Aev.pageX%2C%20y%3Aev.pageY%7D%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20%7B%20%0D%0A%20%20%20%20%20%20%20%20x%3Aev.clientX%20%2B%20document.body.scrollLeft%20-%20document.body.clientLeft%2C%20%0D%0A%20%20%20%20%20%20%20%20y%3Aev.clientY%20%2B%20document.body.scrollTop%20%20-%20document.body.clientTop%20%0D%0A%20%20%20%20%7D%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20getMouseOffset(target%2C%20ev)%7B%20%20%20%20%20%20%20%20%2F%2F%20%20%20%20%E8%8E%B7%E5%8F%96%E9%BC%A0%E6%A0%87%E7%9B%B8%E5%AF%B9%E5%85%83%E7%B4%A0%E7%9A%84%E7%9B%B8%E5%AF%B9%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20ev%20%3D%20ev%20%7C%7C%20window.event%3B%20%0D%0A%0D%0A%20%20%20%20var%20elementPos%20%20%20%20%3D%20getPosition(target)%3B%20%0D%0A%20%20%20%20var%20mousePos%20%20%3D%20mouseCoords(ev)%3B%20%0D%0A%20%20%20%20return%20%7Bx%3AmousePos.x%20-%20elementPos.x%2C%20y%3AmousePos.y%20-%20elementPos.y%7D%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20mouseDown(ev)%7B%20%0D%0A%20%20%20%20ev%20%3D%20ev%20%7C%7C%20window.event%3B%20%0D%0A%20%20%20%20target%20%3D%20ev.srcElement%20%7C%7C%20ev.target%3B%20%0D%0A%0D%0A%20%20%20%20if(dragObj)%7B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%0D%0A%20%20%20%20var%20dragArea%20%3D%20false%3B%20%0D%0A%20%20%20%20if(target.getAttribute(%22dragArea%22))%7B%20%0D%0A%20%20%20%20%20%20%20%20dragArea%20%3D%20true%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20while(!target.getAttribute(%22isDragObj%22))%7B%20%0D%0A%20%20%20%20%20%20%20%20if(target.tagName%3D%3D%22HTML%22)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20target%20%3D%20target.parentNode%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if(dragArea%20%26%26%20target.getAttribute(%22isDragObj%22))%7B%20%0D%0A%20%20%20%20%20%20%20%20dragObj%20%3D%20target%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E9%87%8D%E5%86%99%E7%9A%84%E7%9B%AE%E7%9A%84%E6%98%AF%E8%AE%A9%E5%BD%93%E5%89%8D%E5%AF%B9%E8%B1%A1%E5%9C%A8%E6%9C%80%E4%B8%8A%E5%B1%82%20%0D%0A%20%20%20%20%20%20%20%20document.body.removeChild(dragObj)%3B%20%0D%0A%20%20%20%20%20%20%20%20document.body.appendChild(dragObj)%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E8%AE%B0%E5%BD%95%E4%B8%8B%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E5%8E%9F%E5%A7%8B%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20%20%20%20%20dragObjOffset.left%20%3D%20dragObj.style.left%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObjOffset.top%20%3D%20dragObj.style.top%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20dragObj.className%20%3D%20dragObj.getAttribute(%22overClass%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E9%BC%A0%E6%A0%87%E5%9C%A8%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E4%B8%AD%E7%9A%84%E7%9B%B8%E5%AF%B9%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20%20%20%20%20mouseInDragObjOffset%20%3D%20getMouseOffset(dragObj%2C%20ev)%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.left%20%3D%20dragObj.style.left%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.top%20%3D%20dragObj.style.top%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.width%20%3D%20dragObj.offsetWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.height%20%3D%20dragObj.offsetHeight%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.display%20%3D%20%22%22%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%2F%2Falert(dragObj.offsetWidth%2B%22%3A%22%2BdragObj.clientWidth)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20mouseUp(ev)%7B%20%0D%0A%20%20%20%20ev%20%3D%20ev%20%7C%7C%20window.event%3B%20%0D%0A%20%20%20%20target%20%3D%20ev.srcElement%20%7C%7C%20ev.target%3B%20%0D%0A%0D%0A%20%20%20%20if(dragObj)%7B%20%0D%0A%20%20%20%20%20%20%20%20dragObj.style.left%20%3D%20dragHelper.style.left%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObj.style.top%20%3D%20dragHelper.style.top%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.display%20%3D%20%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObj.className%20%3D%20dragObj.getAttribute(%22dragClass%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObj%20%3D%20null%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20mouseMove(ev)%7B%20%0D%0A%20%20%20%20ev%20%3D%20ev%20%7C%7C%20window.event%3B%20%0D%0A%0D%0A%20%20%20%20if(dragObj)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20mousePos%20%3D%20mouseCoords(ev)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%2F*dragHelper.style.left%20%3D%20dragObjOffset.left%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.top%20%3D%20dragObjOffset.top%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.width%20%3D%20dragObj.offsetWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.height%20%3D%20dragObj.offsetHeight%3B%20%0D%0A%20%20%20%20%20%20%20%20dragHelper.style.display%20%3D%20%22%22%3B*%2F%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20var%20windowWidth%20%3D%20document.body.offsetWidth%3B%20%20%20%20%20%20%20%20%2F%2F%E7%AA%97%E5%8F%A3%E5%AE%BD%E5%BA%A6%20%0D%0A%20%20%20%20%20%20%20%20var%20windowHeight%20%3D%20document.body.offsetHeight%3B%20%20%20%20%20%20%20%20%2F%2F%E7%AA%97%E5%8F%A3%E9%AB%98%E5%BA%A6%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E5%BA%94%E8%AF%A5%E6%89%80%E5%9C%A8%E5%BD%93%E5%89%8D%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20%20%20%20%20var%20dragObjLeft%20%3D%20mousePos.x%20-%20mouseInDragObjOffset.x%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20dragObjTop%20%20%3D%20mousePos.y%20-%20mouseInDragObjOffset.y%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20%2F%2F%E5%A2%9E%E5%8A%A0%E5%88%A4%E6%96%AD%EF%BC%8C%E4%B8%8D%E7%84%B6%E6%8B%96%E6%8B%BD%E5%AF%B9%E8%B1%A1%E6%8B%96%E5%87%BA%E6%B5%8F%E8%A7%88%E5%99%A8%E7%AA%97%E5%8F%A3%20%0D%0A%20%20%20%20%20%20%20%20if(dragObjLeft%20%3E%3D%200%20%26%26%20dragObjLeft%20%3C%3D%20windowWidth%20-%20dragObj.offsetWidth%20-%2020)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dragObj.style.left%20%3D%20dragObjLeft%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20if(dragObjTop%20%3E%3D0)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dragObj.style.top%20%3D%20dragObjTop%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20repaint()%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%E5%85%8B%E9%9A%86%E5%AF%B9%E8%B1%A1%20%0D%0Afunction%20cloneObject(srcObj%2C%20destObj)%7B%20%0D%0A%20%20%20%20destObj%20%3D%20srcObj.cloneNode(true)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20makeDraggable(element)%7B%20%0D%0A%20%20%20%20element.setAttribute(%22isDragObj%22%2C%20%22y%22)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20repaint()%7B%20%0D%0A%20%20%20%20for(i%3D0%3B%20i%3CdragObjs.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(dragObjs%5Bi%5D%20%3D%3D%20dragObj)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dragObjPos%20%3D%20i%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dragObjs%5Bi%5D%20%3D%20dragHelper%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if(dragObjPos%3E0%20%26%26%20parseInt(dragObj.style.top)%3CparseInt(dragObjs%5BdragObjPos-1%5D.style.top))%7B%20%0D%0A%20%20%20%20%20%20%20%20dragObjs%5BdragObjPos%5D%20%3D%20dragObjs%5BdragObjPos-1%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObjs%5BdragObjPos-1%5D%20%3D%20dragHelper%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObjPos%20%3D%20dragObjPos%20-%201%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20if(dragObjPos%3CdragObjs.length-1%20%26%26%20parseInt(dragObj.style.top)%3EparseInt(dragObjs%5BdragObjPos%2B1%5D.style.top))%7B%20%0D%0A%20%20%20%20%20%20%20%20dragObjs%5BdragObjPos%5D%20%3D%20dragObjs%5BdragObjPos%2B1%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObjs%5BdragObjPos%2B1%5D%20%3D%20dragHelper%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObjPos%20%3D%20dragObjPos%20%2B%201%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20paintDragObjs()%3B%20%0D%0A%20%20%20%20dragObjs%5BdragObjPos%5D%20%3D%20dragObj%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20paintDragObjs()%7B%20%0D%0A%20%20%20%20var%20h%20%3D%2040%3B%20%0D%0A%20%20%20%20for(i%3D0%3B%20i%3CdragObjs.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20dragObjs%5Bi%5D.style.left%20%3D%2020%3B%20%0D%0A%20%20%20%20%20%20%20%20dragObjs%5Bi%5D.style.top%20%3D%20h%3B%20%0D%0A%20%20%20%20%20%20%20%20h%20%2B%3D%20dragObjs%5Bi%5D.offsetHeight%20%2B%2010%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20openClose(obj)%7B%20%0D%0A%20%20%20%20obj.innerHTML%20%3D%20obj.innerHTML%3D%3D%22-%22%3F%22%2B%22%3A%22-%22%3B%20%0D%0A%20%20%20%20while(obj.tagName%20!%3D%20%22TBODY%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20obj%20%3D%20obj.parentNode%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20for(i%3D0%3B%20i%3Cobj.childNodes.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(obj.childNodes%5Bi%5D.nodeName%20%3D%3D%20%22%23text%22%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7C%7C%20obj.childNodes%5Bi%5D.getAttribute(%22bar%22))%7B%20continue%3B%20%7D%20%0D%0A%20%20%20%20%20%20%20%20obj.childNodes%5Bi%5D.style.display%3Dobj.childNodes%5Bi%5D.style.display%3D%3D%22%22%3F%22none%22%3A%22%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20paintDragObjs()%3B%20%0D%0A%7D%20%0D%0A%0D%0Adocument.onmousedown%20%3D%20mouseDown%3B%20%0D%0Adocument.onmouseup%20%3D%20mouseUp%3B%20%0D%0Adocument.onmousemove%20%3D%20mouseMove%3B%20%0D%0A%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0A%20%20%20%20var%20objs%20%3D%20document.getElementsByTagName(%22Div%22)%3B%20%0D%0A%20%20%20%20for(i%3D0%3B%20i%3Cobjs.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20item%20%3D%20objs.item(i)%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2Fif(i%3D%3D1)item.style.height%3D150%3B%20%0D%0A%20%20%20%20%20%20%20%20if(item.getAttribute(%22overClass%22))%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20makeDraggable(item)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dragObjs.push(item)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20item.style.left%20%3D%2020%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20item.style.top%20%3D%20initHeight%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20dragObjTops.push(initHeight)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20initHeight%20%2B%3D%20item.offsetHeight%20%2B%2010%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%2F%2F%20%20%20%20dragHelper%20%3D%20document.createElement('DIV')%3B%20%0D%0A%2F%2F%20%20%20%20dragHelper.style.cssText%20%3D%20'position%3Aabsolute%3Bdisplay%3Anone%3B'%3B%20%0D%0A%2F%2F%20%20%20%20document.body.appendChild(dragHelper)%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程