社区
JavaScript
帖子详情
类似3721里的可拖动图层如何做(可以保存拖动位置)
laogou
2006-10-11 03:11:27
高分求解,不够可以再加
www.3721.com
首页页面的图层可以拖动,而且可以保留用户拖过的图层位置
图层拖动的我知道,可是怎样保存客户端的鼠标坐标呢?
那位大哥给个例子看看
...全文
476
9
打赏
收藏
类似3721里的可拖动图层如何做(可以保存拖动位置)
高分求解,不够可以再加 www.3721.com 首页页面的图层可以拖动,而且可以保留用户拖过的图层位置 图层拖动的我知道,可是怎样保存客户端的鼠标坐标呢? 那位大哥给个例子看看
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
laogou
2007-03-08
打赏
举报
回复
我还是不会
各位大哥辛苦了!
tsenfine
2007-02-20
打赏
举报
回复
图层若你已经会拖动了,看这里:http://bbs.blueidea.com/archiver/tid-2677651.html
laogou
2006-11-22
打赏
举报
回复
不够可以加分,求高人指点
LifeForCode
2006-10-18
打赏
举报
回复
mark
laogou
2006-10-18
打赏
举报
回复
半瓶水了
javascript的cookie取屏幕位置我现在还不会
会asp取cookie记录
BlueDestiny
2006-10-12
打赏
举报
回复
如果只对IE,建议用userData记录在客户端
myvicy
2006-10-12
打赏
举报
回复
今天好运气,老狼请吃鸡!
你可以用cookie记录坐标,也可以记录入数据库。
chenyu112
2006-10-12
打赏
举报
回复
这是一个可移动table的例子,希望对你有用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
<style>
.removableObj
{
height:25;position:relative;
}
</style>
<script language="javascript">
var beginMoving=false;
var sourceObj=null;
var objectObj=null;
var objectObj2=null;
function MouseDownToMove(obj){
obj.style.zIndex=1;
obj.mouseDownY=event.clientY;
obj.mouseDownX=event.clientX;
beginMoving=true;
obj.setCapture();
sourceObj=obj;
objectObj=null;
}
function MouseMoveToMove(obj){
if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
}
function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
window.setTimeout("swapFun()",20);
}
function MouseOverFun(obj)
{
if(obj==sourceObj) return false;
objectObj=obj;
}
function MouseOverFun2(obj)
{
objectObj2=obj;
}
function swapFun()
{
if(sourceObj!=null && objectObj!=null) objectObj.insertAdjacentElement("beforeBegin",sourceObj);
else if(sourceObj!=null && objectObj2!=null) objectObj2.insertAdjacentElement("beforeEnd",sourceObj);
sourceObj=null;
objectObj=null;
objectObj2=null;
}
</script>
</head>
<body>
<table border="1" width="100%" height="58">
<tr>
<td width="34%" valign="top" height="46" onmouseover="MouseOverFun2(this);" >
<table border="1" width="100%" bgcolor="#99CCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="23%">和</td>
<td width="21%">飞过海</td>
</tr>
<tr>
<td width="23%"> </td>
<td width="21%"> </td>
</tr>
</table><table border="1" width="100%" bgcolor="#FFCCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="21%">还是</td>
<td width="35%">护身符哈</td>
</tr>
<tr>
<td width="21%">,</td>
<td width="35%">和是是护</td>
</tr>
</table>
<table border="1" width="100%" bgcolor="#00CC99" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="21%">还是</td>
<td width="9%"> </td>
<td width="35%">呵呵</td>
</tr>
<tr>
<td width="21%">,</td>
<td width="9%"> </td>
<td width="35%">和</td>
</tr>
</table>
</td>
<td width="32%" valign="top" height="52" onmouseover="MouseOverFun2(this);" >
<table border="1" width="100%" bgcolor="#FF0000" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="21%">还是</td>
</tr>
<tr>
<td width="21%">,</td>
</tr>
</table>
<table border="1" width="100%" bgcolor="#00FFFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="21%">还是</td>
<td width="35%">护身符哈</td>
<td width="21%"> </td>
<td width="23%">呵呵</td>
</tr>
<tr>
<td width="21%">,</td>
<td width="35%">和是是护</td>
<td width="21%"> </td>
<td width="23%">和</td>
</tr>
</table>
</td>
<td width="34%" valign="top" height="52" onmouseover="MouseOverFun2(this);" >
<table border="1" width="100%" bgcolor="#FF9966" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="21%">还是</td>
<td width="35%">护身符哈</td>
<td width="21%"> </td>
<td width="23%">呵呵</td>
</tr>
<tr>
<td width="21%">,</td>
<td width="35%">和是是护</td>
<td width="21%"> </td>
<td width="23%">和</td>
</tr>
</table>
<table width="100%" border="1" bgcolor="#FFFFCC" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
<tr>
<td width="87"> 输多发</td>
<td width="115">嘎撒递归</td>
</tr>
<tr>
<td width="87">嘎大嘎</td>
<td width="115">大幅度</td>
</tr>
<tr>
<td width="87">过大撒</td>
<td width="115">嘎</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
JK_10000
2006-10-11
打赏
举报
回复
http://jkisjk.spaces.live.com/blog/cns!758CACE25E89DD3B!358.entry
图层
拖动
图层
拖动
图层
拖动
图层
拖动
图层
拖动
支持火狐下的
图层
拖动
,某些不支持的是由于JS的不兼容
可关闭可
拖动
的
图层
窗口代码.rar
可关闭可
拖动
的
图层
窗口代码
Android
拖动
图片及
图层
叠加
Android
拖动
图片移动、
图层
叠加并
保存
至本地,内含效果图。
mfc 画一个可以
拖动
的圆和矩形
mfc 单文档类型 点击画圆按钮可以画一个圆,点击
拖动
按钮可以
拖动
图层
。
TOCControl中实现
图层
的
拖动
功能
ArcGIS Engine开发之TOCControl中实现
图层
的
拖动
功能
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章