【转】一段拖动对象的代码【待测试】
来源:互联网 发布:徐州有mac专柜吗 编辑:程序博客网 时间:2024/05/22 00:15
from: http://bbs.51js.com/viewthread.php?tid=10914
<SCRIPT LANGUAGE="JavaScript">
<!--
var currentMoveObj = null; //当前拖动对象
var relLeft; //鼠标按下位置相对对象位置
var relTop;
function f_mdown(obj)
{
currentMoveObj = obj; //当对象被按下时,记录该对象
currentMoveObj.style.position = "absolute";
relLeft = event.x - currentMoveObj.style.pixelLeft;
relTop = event.y - currentMoveObj.style.pixelTop;
}
window.document.onmouseup = function()
{
currentMoveObj = null; //当鼠标释放时同时释放拖动对象
}
function f_move(obj)
{
if(currentMoveObj != null)
{
currentMoveObj.style.pixelLeft=event.x-relLeft;
currentMoveObj.style.pixelTop=event.y-relTop;
}
}
//-->
</SCRIPT>
<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>
- 【转】一段拖动对象的代码【待测试】
- 一段拖动对象的代码
- 一段拖动对象的代码
- 写的一段拖动对象的代码
- 一段拖动物体的代码
- 拖动对象的代码
- 拖动对象的代码
- URL的一段测试代码(转)
- 一段测试DiskIO的代码
- lucene的一段测试代码
- unity3d用鼠标拖动物体的一段代码
- unity3d用鼠标拖动物体的一段代码
- 在两个CListctrl之间拖动数据的一段代码
- unity3d用鼠标拖动物体的一段代码
- unity3d用鼠标拖动物体的一段代码
- unity3d用鼠标拖动物体的一段代码
- unity3d用鼠标拖动物体的一段代码
- TC中等待测试对象的问题
- 人脸检测技术的最新研究笔记
- flex 获得当前日期
- TCP/IP
- MTK的一些笔记
- VC用ODBC方式读取Excel数据
- 【转】一段拖动对象的代码【待测试】
- 2010年2月22日 17:36:27
- 迷茫啊
- java调用notes API 发送邮件
- 【转】apache 配置多站点
- 遭遇ora-14400:插入的分区关键字未映射到任何分区。
- VMware 安裝LINUX
- JavaScript replace() 方法
- 彻底解决Symbian全屏显示问题