拖动表格
来源:互联网 发布:mac os最高版本是多少 编辑:程序博客网 时间:2024/06/02 21:05
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---可以用鼠标拖动的表格</title>
</head>
<body>
<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>
</html>
- 表格拖动
- 拖动表格
- 拖动表格
- 表格拖动
- 网页中拖动表格
- 拖动表格列
- 表格列的拖动
- 表格行拖动
- js表格拖动排序
- 表格行拖动
- 拖动改变表格宽度
- 可拖动的表格
- JS实现表格拖动
- js表格行拖动
- [html5]表格拖动
- JAVASCRIPT+DHTML实现表格拖动
- 表格之间的行拖动
- 鼠标拖动表格进行排序
- C++中一个容易被忽视的名字查找规则
- Java中易混淆的概念
- SQL 2005 DataWarehouse Note
- 众多大牌安全产品测试结果不尽如人意
- 面向对象软件开发的十大原则
- 拖动表格
- 深入理解mysql之BDB系列(1)---BDB相关基础知识
- 思科重组技术开发部 强调以网络为核心
- 构建自己的轻量级XML DOM分析程序
- BONO:不走寻常路的服装直销
- Java解析XML文档——dom解析xml
- 各种猪的符号脸
- 可以读写Unicode/Ansi文本文件的类
- 将CStdioFile类扩展,读取UNICODE文本文件