`
jiangnan2112
  • 浏览: 120121 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

js拖弹出的登录框

    博客分类:
  • js
阅读更多
<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>
分享到:
评论

相关推荐

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    fixPosition:设定是否弹出框随滚动条一起浮动,保持在屏幕的固定位置,默认为true dragOut:设定是否允许拖出屏幕范围,默认为false。 autoClose:设定用户点击窗口中按钮后自动关闭窗口,默认为true(设定为...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    curDoc :窗口调用页面的document对象也就是加载lhgdialog.min.js的页面的document对象,如果不是在框架中弹出它和topDoc是相等的。 dgWin :内容页的window对象如果参数为page,且link参数不为真,那这个就是内容...

    artDialog_Demo

    18、修复一处隐秘BUG:当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上,这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤,修复毛边的问题 20、修复拖动的时候...

    aui-artDialog

    功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、自定义位置、拖动、鼠标调节窗口大小、换肤…… 优点 兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, ...

    layoutit bootstrap离线生成器

    若是IE等不支持HTML5的用户希望保存临时编辑结果, 可选择顶部源码按钮, 把弹出框内的可再编辑源码复制下来, 自己保存成文件, 下一次只需把文件中的可再编辑源码粘贴回源码弹出框的编辑框内, 点击保存后即可恢复之前...

    the_lamplughroup:WDI前端项目

    功能规格用户可以使用弹出表单创建新的餐厅条目。 用户还可以使用弹出表单编辑和删除现有的餐厅条目。 用户可以通过单击给定餐厅来列出该餐厅的项目。 餐厅脉冲有助于显示用户可以点击的位置。 当项目消失在视野中...

    EXT教程EXT用大量的实例演示Ext实例

    5.4. 让弹出窗口,显示我们想要的东东,比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局...

    EXT2.0中文教程

    5.4. 让弹出窗口,显示我们想要的东东,比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局。 ...

    userscripts:浏览器增强脚本

    用户脚本增强网站外观和行为的脚本。安装使用 (Chrome)或 (Firefox)时,只需单击“安装”。 要在没有Tampermonkey的...NirvanaHQ热键弹出窗口向NirvanaHQ添加一个按钮,这将打开一个包含所有可用热键和标签的窗口。

    YUI v3.17.2 RC1.zip

    提供简易产生鼠标移过弹出 选单的方式。 滑块 提供一般性滑块组件让用户可在有限范围内以单轴或者双轴选择值。 分页检视 提供以分页方式来检视内容。 树状检视 产生目录树,其下节点可以缩放。   CSS 资源 ...

    百度收藏夹(ASP仿腾讯微博) v2.9.rar

    25、仿腾讯微博,修改统计还能输入的字数JS,超出字数不弹出提示,而是直接提示超出的字数,发表后自动截取前140个字符。 26、修改点击关灯后,在当前页面关灯,而不是刷新。 27、看到IE8里点击分享视频时,会提示...

    focus-on-content:适用于特定网站的Chrome扩展程序可清除垃圾并仅关注内容

    一个示例是中的烦人的栏和建议弹出框: 中等的例子 我该如何使用呢? 该扩展名基于 ,因此您应该按照步骤2来获取用于构建扩展名的自己的密钥。 之后,安装npm并在目录内再次运行npm install -g grunt-cli和npm ...

    Ext 开发指南 学习资料

    5.4. 让弹出窗口,显示我们想要的东东,比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向window里加表格 5.4.3. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局。 6.1. 有了它,我们就可以摆脱那些自称ui...

    jQuery pageRuler网页标尺及网页参考线插件,附实例

    以及整个标尺盒子对象,垂直标尺与水平标尺对象,虚线对象,弹出框对象,单选对象,文本对象,按钮对象的配合应用,并包括一些快捷键的定义:  显示/隐藏参考线快捷键、新建参考线快捷键、隐藏标尺参考线快捷键……

    RF_PixelReader

    弹出文件选择对话框。 导航到扩展文件所在的目录,然后选择它。 或者,您可以将扩展文件所在的目录拖放到浏览器中的 chrome://extensions 上以加载它。 如果扩展名有效,它将立即加载并激活! 如果无效,页面...

    KODExplorer 芒果云-资源管理器

    - 弹出搜索框遍历子文件夹递归搜索 - session key 加入kod_前缀 避免和其他系统key冲突 - 编辑器选中优化 选择鼠标到窗口外事件处理 ####fix bug:(bug解决和程序优化) - backspace后退截获浏览器事件,作为...

    SUS---system-usability-chrome-extention:快速而肮脏的用户评估。 谷歌浏览器

    弹出文件选择对话框。 导航到扩展文件所在的目录,然后选择它。 或者,您可以将扩展文件所在的目录拖放到浏览器中的 chrome://extensions 上以加载它。 如果扩展名有效,它将立即加载并激活! 如果无效,页面顶部会...

    gbookmarks-userscript:改进谷歌书签的用户脚本

    使谷歌书签书签弹出窗口突出显示当前选择 使输入键提交表单 安装说明 在谷歌浏览器中,转到菜单 -&gt; 更多工具 -&gt; 扩展 选中“开发者模式”复选框 将 gbookmarks.user.js 文件拖入此窗口进行安装

    acronym-lookup:Chrome 扩展程序可在几秒钟内查找首字母缩略词

    弹出文件选择对话框。 导航到扩展文件所在的目录,然后选择它。 或者,您可以将扩展文件所在的目录拖放到浏览器中的 chrome://extensions 上以加载它。 如果扩展名有效,它将立即加载并激活! 如果无效,页面顶部会...

    linguee-chrome-plugin:chrome插件,提供上下文菜单,可轻松进行Linguee搜索

    单击“加载解压的扩展名...”以弹出文件选择对话框。 导航到存储库的目录,然后选择它。 或者,您可以将存储库目录拖放到浏览器中的chrome://extensions以进行加载。信用没有BartłomiejSzałach的答案,我将永远...

Global site tag (gtag.js) - Google Analytics