可移动的DIV层
来源:互联网 发布:信封打印软件免费版 编辑:程序博客网 时间:2024/04/30 11:05
var obj = null;
var dX = 0;
var dY = 0;
document.onmousemove = mouseMove;
document.onmouseup = mouseUp;
function mouseDown(varCurId, currEvt) {
obj = document.getElementById(varCurId);
if (getBrowserType() == "FOX") {
dX = currEvt.pageX - parseInt(obj.style.left);
dY = currEvt.pageY - parseInt(obj.style.top);
} else {
dX = obj.style.pixelLeft - event.x;
dY = obj.style.pixelTop - event.y;
}
}
function mouseMove(currEvt) {
if (obj) {
if (getBrowserType() == "FOX") {
if (currEvt.pageX - dX < -5 || currEvt.pageY - dY < -5) {
mouseDown(obj.id, event);
} else {
obj.style.left = currEvt.pageX - dX;
obj.style.top = currEvt.pageY - dY;
}
} else {
if (dX + event.x < -5 || dY + event.y < -5) {
if (dX + event.x < event.x - 10 && dY + event.y < event.y - 10) {
mouseDown(obj.id);
}
} else {
obj.style.left = dX + event.x;
obj.style.top = dY + event.y;
event.returnValue = false;
}
}
}
}
function mouseUp() {
if (obj) {
obj = null;
}
}
function getBrowserType() {
var varBrowser = navigator.appName
if (varBrowser == "Netscape") {
return "FOX";
} else if(varBrowser == "Microsoft Internet Explorer") {
return "IE";
} else {
return "NSupport";
}
}
<div id="subField" class="showField" style="top: 50; left: 100; width: 80%; height: 70%; padding: 5px;">
<div class="captionBarBg" onmousedown='mouseDown("subField", event)' >Title</div>
</div>
- 可移动的DIV层
- div 可移动层
- 【可移动的】模拟弹窗div层
- 可移动的div
- div 弹出层 可关闭 可移动 效果很炫
- DIV弹出层 可移动 可关闭,demo直接使用
- 显示可移动的层
- 可移动层的实现
- 可移动的弹出层
- Jquery可移动的DIV
- 可移动层 div 兼容多浏览器 兼容firefox
- 可拖动的div弹出层
- 简单可拖动的div层
- 可自由拖动的DIV层方块
- 可拖动DIV层的实现方法
- 可移动的弹出层(不支持FF)
- 可移动层的实现示例
- 可移动的弹出层源码
- jBPM 与项目的适用性探讨
- 模糊测试
- 文件检测大师3.X
- RHEL5下trac的安装配置
- Vista UAC下应用程序标注为“需要管理员权限”的四种方法
- 可移动的DIV层
- msflexg
- python遍历文件夹
- Which style of WSDL should I use?
- Static的趣事一二
- 数字电路
- Vista当前目录开启管理员权限命令行
- 原来vim可以这样分割窗口
- MSHFlexGrid 层次打印