<script type="text/javascript">
function _move(){
var objthis=this;
this.x=null;
this.y=null;
this.xx=null;
this.yy=null;
this.xxx=null;
this.yyy=null;
this.obja=null;
this.co=null;
this.t=null;
document.onmousemove=function(){
try{objthis.x=arguments[0].screenX;objthis.y=arguments[0].screenY;}
catch(err){objthis.x=window.event.x;objthis.y=window.event.y;}
}
}
_move.prototype.create=function(a,b){
if(this.obja==null){
this.co=b;
var objthis=this;
this.obja=a;
this.obja.onmouseup=function(){objthis.up()}
this.xx=this.x;
this.yy=this.y;
this.xxx=this.obja.offsetLeft;
this.yyy=this.obja.offsetTop;
this.obja.style.position="absolute";
this.move();
}
}
_move.prototype.move=function(){
var objthis=this;
var x=this.xxx + this.x - this.xx;
var y=this.yyy + this.y - this.yy;
this.obja.style.left = x + "px";
this.obja.style.top = y + "px";
this.t=setTimeout(function(){objthis.move()},1)
}
_move.prototype.up=function(){
clearTimeout(this.t)
if(this.co==1){
this.obja.style.left = this.xxx + "px";
this.obja.style.top = this.yyy + "px";
}
this.xxx=null;
this.yyy=null;
this.obja=null;
}
var moveLoginForm =new _move();
</script>
formDiv要拖动的弹出框ID,div为可以拖动的点,一般为弹出框顶部
<div class="title" onmousedown="moveLoginForm.create($('formDiv'))" onmouseover="this.title='按住左鼠移动窗口位置'"><h3>登 录</h3><span><a href="javascript:$('usernameInfo').innerHTML='';formClose();"></a></span></div>
分享到:
相关推荐
fixPosition:设定是否弹出框随滚动条一起浮动,保持在屏幕的固定位置,默认为true dragOut:设定是否允许拖出屏幕范围,默认为false。 autoClose:设定用户点击窗口中按钮后自动关闭窗口,默认为true(设定为...
curDoc :窗口调用页面的document对象也就是加载lhgdialog.min.js的页面的document对象,如果不是在框架中弹出它和topDoc是相等的。 dgWin :内容页的window对象如果参数为page,且link参数不为真,那这个就是内容...
18、修复一处隐秘BUG:当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上,这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤,修复毛边的问题 20、修复拖动的时候...
功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、自定义位置、拖动、鼠标调节窗口大小、换肤…… 优点 兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, ...
若是IE等不支持HTML5的用户希望保存临时编辑结果, 可选择顶部源码按钮, 把弹出框内的可再编辑源码复制下来, 自己保存成文件, 下一次只需把文件中的可再编辑源码粘贴回源码弹出框的编辑框内, 点击保存后即可恢复之前...
功能规格用户可以使用弹出表单创建新的餐厅条目。 用户还可以使用弹出表单编辑和删除现有的餐厅条目。 用户可以通过单击给定餐厅来列出该餐厅的项目。 餐厅脉冲有助于显示用户可以点击的位置。 当项目消失在视野中...
5.4. 让弹出窗口,显示我们想要的东东,比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局...
5.4. 让弹出窗口,显示我们想要的东东,比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局。 ...
用户脚本增强网站外观和行为的脚本。安装使用 (Chrome)或 (Firefox)时,只需单击“安装”。 要在没有Tampermonkey的...NirvanaHQ热键弹出窗口向NirvanaHQ添加一个按钮,这将打开一个包含所有可用热键和标签的窗口。
提供简易产生鼠标移过弹出 选单的方式。 滑块 提供一般性滑块组件让用户可在有限范围内以单轴或者双轴选择值。 分页检视 提供以分页方式来检视内容。 树状检视 产生目录树,其下节点可以缩放。 CSS 资源 ...
25、仿腾讯微博,修改统计还能输入的字数JS,超出字数不弹出提示,而是直接提示超出的字数,发表后自动截取前140个字符。 26、修改点击关灯后,在当前页面关灯,而不是刷新。 27、看到IE8里点击分享视频时,会提示...
一个示例是中的烦人的栏和建议弹出框: 中等的例子 我该如何使用呢? 该扩展名基于 ,因此您应该按照步骤2来获取用于构建扩展名的自己的密钥。 之后,安装npm并在目录内再次运行npm install -g grunt-cli和npm ...
5.4. 让弹出窗口,显示我们想要的东东,比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向window里加表格 5.4.3. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局。 6.1. 有了它,我们就可以摆脱那些自称ui...
以及整个标尺盒子对象,垂直标尺与水平标尺对象,虚线对象,弹出框对象,单选对象,文本对象,按钮对象的配合应用,并包括一些快捷键的定义: 显示/隐藏参考线快捷键、新建参考线快捷键、隐藏标尺参考线快捷键……
弹出文件选择对话框。 导航到扩展文件所在的目录,然后选择它。 或者,您可以将扩展文件所在的目录拖放到浏览器中的 chrome://extensions 上以加载它。 如果扩展名有效,它将立即加载并激活! 如果无效,页面...
- 弹出搜索框遍历子文件夹递归搜索 - session key 加入kod_前缀 避免和其他系统key冲突 - 编辑器选中优化 选择鼠标到窗口外事件处理 ####fix bug:(bug解决和程序优化) - backspace后退截获浏览器事件,作为...
弹出文件选择对话框。 导航到扩展文件所在的目录,然后选择它。 或者,您可以将扩展文件所在的目录拖放到浏览器中的 chrome://extensions 上以加载它。 如果扩展名有效,它将立即加载并激活! 如果无效,页面顶部会...
使谷歌书签书签弹出窗口突出显示当前选择 使输入键提交表单 安装说明 在谷歌浏览器中,转到菜单 -> 更多工具 -> 扩展 选中“开发者模式”复选框 将 gbookmarks.user.js 文件拖入此窗口进行安装
弹出文件选择对话框。 导航到扩展文件所在的目录,然后选择它。 或者,您可以将扩展文件所在的目录拖放到浏览器中的 chrome://extensions 上以加载它。 如果扩展名有效,它将立即加载并激活! 如果无效,页面顶部会...
单击“加载解压的扩展名...”以弹出文件选择对话框。 导航到存储库的目录,然后选择它。 或者,您可以将存储库目录拖放到浏览器中的chrome://extensions以进行加载。信用没有BartłomiejSzałach的答案,我将永远...