[请教]JS或jquery如何实现移动层

qq272627363 2012-10-18 08:01:35
一个小DIV层A,一个大DIV层B,
怎么可以把“大DIV层B”居中嵌入“小DIV层A”,并且实现“大DIV层B”可用鼠标移动

图片说明:http://imgsrc.baidu.com/forum/pic/item/7782a6af2edda3ccd16a0bd001e93901233f92ec.jpg
...全文
67 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
__phoenix 2012-10-18
  • 打赏
  • 举报
回复

<script>
/**
**@author lonephoenix
**/
var Drag=function(obj) {
var x,y,ox,oy;
var nx,ny;
var objmove=new Boolean(false);
obj.onmousedown=function(e) {
e=e||event;
if(e.button==0) {
obj.style.cursor="move";
ox=obj.offsetLeft;
oy=obj.offsetTop;
x=e.clientX;
y=e.clientY;
objmove=true;
};
};
obj.onmousemove=function(e) {
e=e||event;
if(objmove==true) {
nx=ox+e.clientX-x;
ny=oy+e.clientY-y;
obj.style.left=nx+"px";
obj.style.top=ny+"px";
}
};
obj.onmouseup=function(e) {
e=e||event;
if(e.button==0) {
objmove=false;
obj.style.cursor="default";
}
};
};
window.onload=function() {
var oDiv=document.getElementsByTagName("div")[0];
Drag(oDiv);
}
泡泡鱼_ 2012-10-18
  • 打赏
  • 举报
回复

87,919

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧