拖动对象的代码
来源:互联网 发布:sql select 包含 编辑:程序博客网 时间:2024/05/01 17:39
<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>
- 拖动对象的代码
- 拖动对象的代码
- 一段拖动对象的代码
- 一段拖动对象的代码
- 写的一段拖动对象的代码
- 【转】一段拖动对象的代码【待测试】
- 可拖动DIV网页最简短的拖动对象代码实例演示
- 拖动事件的代码
- 网页中对象的拖动
- 控件的自由拖动代码
- 拖动行的代码实现
- 一段拖动物体的代码
- 拖动代码
- 获取被拖动的对象的ID
- 获取被拖动的对象的ID
- 获取被拖动的对象的ID
- Javascript 实现对象的拖动的实例
- Javascript实现对象的拖动操作
- apache2.0 配置文件说明
- Java开发中版权声明及类注释的自动完成
- AppFramework最新版本V1.2安装包下载地址:http://download.csdn.net/source/334024【原V1.1/1.0版本的用户应尽快下载V1.2版】
- [转]strace 命令
- CreateWaitableTimer编译通不过
- 拖动对象的代码
- 在easyjweb应用中关于acegi安全配置的增强
- 回家的感觉真好
- 点滴系列之二:牢骚-出勤
- 使用权限标签控制View层展示的内容
- 一个用Silverlight地图的网站,很不错
- sso server in java选型考虑
- EasyJF开源北京办公室正式成立
- 去掉 MSN LIVE Messenger 的广告