登录
注册
论坛
共享空间
搜索
帮助
用户名:
密码:
会员
界面
简洁版本
在线
共享社区
互联网资源共享社区
网页资料共享
JS实现可拖动的层
帖子标题
编程技巧共享
JAVA编程技巧共享
.NET编程技巧共享
WEB编程相关文章
互联网资源共享社区
商业智能共享
.NET源码共享
JAVA源码共享
开发工具共享
网页资料共享
教学资源共享
娱乐信息共享
精品游戏共享
老猫的理想信息区
技术交流区
业界新闻区
企业招聘
项目供求
广而告之
老猫的理想-共享社区站务区
站务管理
意见投诉
1
/ 1 页
1
跳转
页
查看:
1053
JS实现可拖动的层
ajax
个人空间
组别:
版主
性别:
来自:
积分:
176
帖子:
176
注册:
2008-01-04
2008-01-25 14:44
|
只看楼主
树型
|
收藏
|
小
中
大
1
JS实现可拖动的层
<br /><SCRIPT LANGUAGE="JavaScript"><br /><!--<br />var currentMoveObj = null; //当前拖动对象<br />var relLeft; //鼠标按下位置相对对象位置<br />var relTop;<br />function f_mdown(obj)<br />{<br /> currentMoveObj = obj; //当对象被按下时，记录该对象<br /> currentMoveObj.style.position = "absolute";<br /> relLeft = event.x - currentMoveObj.style.pixelLeft;<br /> relTop = event.y - currentMoveObj.style.pixelTop;<br />}<br />window.document.onmouseup = function()<br />{<br /> currentMoveObj = null; //当鼠标释放时同时释放拖动对象<br />}<br />function f_move(obj)<br />{<br /> if(currentMoveObj != null)<br /> {<br /> currentMoveObj.style.pixelLeft=event.x-relLeft;<br /> currentMoveObj.style.pixelTop=event.y-relTop;<br /> }<br />}<br />//--><br /></SCRIPT><br /><BODY><br /><TABLE width="100" border=1 style="position:absolute;left:50;top:50" ><br /><TR><br /> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD><br /></TR><br /><TR><br /> <TD align="center" height="60">content</TD><br /></TR><br /></TABLE><br /><TABLE width="100" border=1 style="position:absolute;left:350;top:250" ><br /><TR><br /> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD><br /></TR><br /><TR><br /> <TD align="center" height="60">content</TD><br /></TR><br /></TABLE><br /></BODY><br /><br /><br /><i><i><i>
ajax 最后编辑于 2008-01-25 14:45:14
发送短消息
查看公共资料
查找该会员全部帖子
UID:
20
精华:
0
威望:
0
金钱:
42.45 元
状态:
离线
<<
上一主题
|
下一主题
>>
1
/ 1 页
1
跳转
页
论坛跳转...
编程技巧共享
JAVA编程技巧共享
.NET编程技巧共享
WEB编程相关文章
互联网资源共享社区
商业智能共享
.NET源码共享
JAVA源码共享
开发工具共享
网页资料共享
教学资源共享
娱乐信息共享
精品游戏共享
老猫的理想信息区
技术交流区
业界新闻区
企业招聘
项目供求
广而告之
老猫的理想-共享社区站务区
站务管理
意见投诉
我的主题
我的帖子
我的精华
我的空间
帖子标题
空间日志
相册标题
作 者
我的主题
我的帖子
我的附件
我的精华
我的空间
