管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

写的一段拖动对象的代码

<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%20currentMoveObj%20%3D%20null%3B%20%20%20%20%2F%2F%E5%BD%93%E5%89%8D%E6%8B%96%E5%8A%A8%E5%AF%B9%E8%B1%A1%20%0D%0Avar%20relLeft%3B%20%20%20%20%2F%2F%E9%BC%A0%E6%A0%87%E6%8C%89%E4%B8%8B%E4%BD%8D%E7%BD%AE%E7%9B%B8%E5%AF%B9%E5%AF%B9%E8%B1%A1%E4%BD%8D%E7%BD%AE%20%0D%0Avar%20relTop%3B%20%0D%0Afunction%20f_mdown(obj)%20%0D%0A%7B%20%0D%0A%20%20%20%20currentMoveObj%20%3D%20obj%3B%20%20%20%20%20%20%20%20%2F%2F%E5%BD%93%E5%AF%B9%E8%B1%A1%E8%A2%AB%E6%8C%89%E4%B8%8B%E6%97%B6%EF%BC%8C%E8%AE%B0%E5%BD%95%E8%AF%A5%E5%AF%B9%E8%B1%A1%20%0D%0A%20%20%20%20currentMoveObj.style.position%20%3D%20%22absolute%22%3B%20%0D%0A%20%20%20%20relLeft%20%3D%20event.x%20-%20currentMoveObj.style.pixelLeft%3B%20%0D%0A%20%20%20%20relTop%20%3D%20event.y%20-%20currentMoveObj.style.pixelTop%3B%20%0D%0A%7D%20%0D%0Awindow.document.onmouseup%20%3D%20function()%20%0D%0A%7B%20%0D%0A%20%20%20%20currentMoveObj%20%3D%20null%3B%20%20%20%20%2F%2F%E5%BD%93%E9%BC%A0%E6%A0%87%E9%87%8A%E6%94%BE%E6%97%B6%E5%90%8C%E6%97%B6%E9%87%8A%E6%94%BE%E6%8B%96%E5%8A%A8%E5%AF%B9%E8%B1%A1%20%0D%0A%7D%20%0D%0Afunction%20f_move(obj)%20%0D%0A%7B%20%0D%0A%20%20%20%20if(currentMoveObj%20!%3D%20null)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20currentMoveObj.style.pixelLeft%3Devent.x-relLeft%3B%20%0D%0A%20%20%20%20%20%20%20%20currentMoveObj.style.pixelTop%3Devent.y-relTop%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"> 
<BODY> 
<table width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> 
<TR> 
    <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD> 
</TR> 
<TR> 
    <TD align="center" height="60">content</TD> 
</TR> 
</TABLE> 
<table width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> 
<TR> 
    <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD> 
</TR> 
<TR> 
    <TD align="center" height="60">content</TD> 
</TR> 
</TABLE> 
</BODY>

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

教程首页更多教程